JP6338935B2 - Web page providing system, web page providing method, program, and communication apparatus - Google Patents
Web page providing system, web page providing method, program, and communication apparatus Download PDFInfo
- Publication number
- JP6338935B2 JP6338935B2 JP2014120704A JP2014120704A JP6338935B2 JP 6338935 B2 JP6338935 B2 JP 6338935B2 JP 2014120704 A JP2014120704 A JP 2014120704A JP 2014120704 A JP2014120704 A JP 2014120704A JP 6338935 B2 JP6338935 B2 JP 6338935B2
- Authority
- JP
- Japan
- Prior art keywords
- web page
- user interface
- rule
- interface element
- attribute
- 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 68
- 238000004891 communication Methods 0.000 title claims description 46
- 238000012545 processing Methods 0.000 claims description 34
- 238000006243 chemical reaction Methods 0.000 description 149
- 238000010586 diagram Methods 0.000 description 34
- 238000012217 deletion Methods 0.000 description 16
- 230000037430 deletion Effects 0.000 description 16
- 230000006870 function Effects 0.000 description 11
- 238000007781 pre-processing Methods 0.000 description 8
- 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)
- User Interface Of Digital Computer (AREA)
Description
本発明は、ウェブページを提供する方法に関する。 The present invention relates to a method for providing a web page.
現在のモバイル端末向けのWebアプリケーションは、デファクトスタンダードになりつつあるjQuery Mobileに代表されるモバイル端末向けのJavaScript(登録商標)のライブラリを利用して開発するのが一般的である。このライブラリを利用してWebアプリケーションを開発する場合、ライブラリで決められているHTML(HyperText Markup Language)要素や属性を使ってWebページを記述することになる。このライブラリでは様々なコントロールを追加のライブラリ(すなわち、プラグイン)として使えるようになっており、これらを組み込むことでモバイル端末に適した入力方法を実現できるようになっている。 In general, a web application for a mobile terminal is developed using a JavaScript (registered trademark) library for a mobile terminal represented by jQuery Mobile, which is becoming the de facto standard. When developing a Web application using this library, a Web page is described using HTML (HyperText Markup Language) elements and attributes determined by the library. In this library, various controls can be used as additional libraries (that is, plug-ins). By incorporating these controls, an input method suitable for a mobile terminal can be realized.
また、様々なデバイスの画面サイズに合わせて表示を最適に変更する考え方であるレスポンシブWebデザインに基づいて、様々な画面サイズごとにCSS(Cascading Style Sheet)を用意することで1つのWebアプリケーションで画面サイズの異なるデバイスをサポートできるようにしている(例えば、特許文献1参照)。 Moreover, based on the responsive web design, which is the idea of optimally changing the display according to the screen size of various devices, it is possible to create a single web application with a CSS (Cascading Style Sheet) for each screen size. It is possible to support devices of different sizes (see, for example, Patent Document 1).
しかし、従来のCSSを使ったWebアプリケーションの変更の場合、コントロールの見た目を変更することはできるが、コントロール自体をデバイスごとで変えることはできない。例えば、テキスト入力フィールド、ボタン及びリストボックスは、PC(Personal Computer)とタブレット端末との間で見た目を変更することはできるが、コントロール自体はそのままである。よって、例えば、PCではテキスト入力フィールドに対してキーボードを使って住所を入力する一方で、タブレット端末では地図を表示してタップした場所の住所を自動入力するといった、デバイスごとに異なるコントロールの適用はできない。 However, in the case of changing the Web application using the conventional CSS, the appearance of the control can be changed, but the control itself cannot be changed for each device. For example, a text input field, a button, and a list box can be changed in appearance between a PC (Personal Computer) and a tablet terminal, but the control itself is not changed. Therefore, for example, while using a PC to input an address using a keyboard in a text input field, a tablet device displays a map and automatically inputs the address of the tapped place. Can not.
本発明は、このような事情に鑑みてなされたものであり、通信装置やそのユーザの属性に応じてウェブページのユーザインタフェース要素を追加、変換又は非表示化することを目的とする。 The present invention has been made in view of such circumstances, and an object of the present invention is to add, convert, or hide a user interface element of a web page in accordance with the attributes of a communication device or its user.
上記の課題を解決するため、本発明は、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するウェブページ提供部と、前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部により取得された属性情報に対応するルールを前記通信装置に提供するルール提供部とを備えるウェブページ提供システムを提供する。 In order to solve the above problems, the present invention provides a web page providing unit that provides a communication device with a web page including a user interface element, and attribute information indicating an attribute of the communication device or an attribute of a user of the communication device And a rule that is referred to when processing for adding, replacing, or hiding a user interface element is performed on a web page provided by the attribute information obtaining unit and the web page providing unit. And a web page provision system provided with the rule provision part which provides the rule corresponding to the attribute information acquired by the said attribute information acquisition part to the said communication apparatus is provided.
好ましい態様において、前記属性情報は、前記通信装置により表示される画面のサイズを示す情報と、前記通信装置が備える機能の種類を示す情報と、前記通信装置のユーザの性別と、前記通信装置のユーザの当該通信装置の操作の熟練度を示す情報のうちの少なくともいずれか一である。 In a preferred aspect, the attribute information includes information indicating a size of a screen displayed by the communication device, information indicating a function type included in the communication device, a gender of a user of the communication device, and information on the communication device. It is at least any one of the information which shows the skill level of operation of the said communication apparatus of a user.
さらに好ましい態様において、前記処理は、前記通信装置により表示される画面のサイズが変更されるごとに実行される。 In a further preferred aspect, the processing is executed each time the size of the screen displayed by the communication device is changed.
さらに好ましい態様において、前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれる。 In a further preferred aspect, when one user interface element included in the web page is converted into another user interface element, an input value already input to the one user interface element is the other user interface element. Inherit to interface elements.
また、本発明は、ウェブページ提供システムにより実行されるウェブページ提供方法であって、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップとを備えるウェブページ提供方法を提供する。 The present invention is also a web page providing method executed by a web page providing system, the step of providing a web page including a user interface element to a communication device, the attribute of the communication device, or the communication device A step of acquiring attribute information indicating a user attribute and a rule referred to when a process for adding, replacing, or hiding a user interface element is executed on the provided web page; Providing a rule corresponding to the acquired attribute information to the communication device.
また、本発明は、コンピュータに、ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップとを実行させるためのプログラムを提供する。 Further, the present invention provides a computer with a web page including a user interface element to a communication device, and acquires attribute information indicating the attribute of the communication device or the user of the communication device; A rule that is referred to when a process for adding, replacing, or hiding a user interface element is performed on the provided web page, the rule corresponding to the acquired attribute information Is provided to the communication device.
また、本発明は、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備える通信装置を提供する。 The present invention also provides a web page acquisition unit that acquires a web page including a user interface element, an attribute information acquisition unit that acquires attribute information indicating an attribute of the own device or an attribute of the user of the own device, and the attribute information acquisition. A rule acquisition unit for acquiring a rule corresponding to the attribute information acquired by the unit, and addition of a user interface component to the web page acquired by the web page acquisition unit according to the rule acquired by the rule acquisition unit A communication apparatus comprising: a process execution unit that executes a process for performing replacement or non-display; and a display control unit that controls a display unit to display a web page that has been processed by the process execution unit To do.
本発明によれば、通信装置やそのユーザの属性に応じてウェブページのユーザインタフェース要素を追加、変換又は非表示化することができる。 According to the present invention, a user interface element of a web page can be added, converted, or hidden according to the attributes of a communication device or its user.
1.実施形態
1−1.構成
1−1−1.Webページ変換システム1
図1は、本発明の一実施形態に係るWebページ変換システム1の構成の一例を示す図である。このWebページ変換システム1は、同図に示されるように、Webアプリケーションサーバ2と、モバイルデバイス3とを有する。Webアプリケーションサーバ2とモバイルデバイス3とは、インターネットや移動体通信網等により構成されるネットワーク4により接続される。
1. Embodiment 1-1. Configuration 1-1-1. Web
FIG. 1 is a diagram showing an example of the configuration of a Web
1−1−2.Webアプリケーションサーバ2
Webアプリケーションサーバ2は、本発明に係る「ウェブページ提供システム」の一例である。Webアプリケーションサーバ2は、図1に示されるように、大略、制御部21と、記憶部22と、通信部23とを備える。
1-1-2. Web application server 2
The web application server 2 is an example of a “web page providing system” according to the present invention. As shown in FIG. 1, the Web application server 2 generally includes a
制御部21は、CPU(Central Processing Unit)等の演算処理装置である。制御部21は、図1に示されるように、Webページ提供部211と、属性情報取得部212と、要素変換ルール提供部213という機能を備える。これらの機能は、制御部21により、記憶部22に記憶されるプログラムが実行されることにより実現される。これらの機能については後述する。
The
記憶部22は、ハードディスク等の記憶装置である。記憶部22は、制御部21により実行されるプログラムを記憶する。また、記憶部22は、複数のWebページデータと、複数の要素変換ルールのファイルとを記憶する。
The
通信部23は、例えばネットワークカードである。通信部23はWebアプリケーションサーバ2をネットワーク4に接続する。
以下、記憶部22に記憶される要素変換ルールファイルについて説明する。
The
Hereinafter, the element conversion rule file stored in the
要素変換ルールファイルは、専用のデザインツールを用いて事前に作成されて、記憶部22に記憶される。各要素変換ルールファイルは、それぞれWebページの画面番号と、後述するモバイルデバイス3の画面サイズ種別と、後述するテーマとに対応づけて作成される。
The element conversion rule file is created in advance using a dedicated design tool and stored in the
図2は、要素変換ルールファイルのフォーマットの一例を示す図である。同図に示される要素変換ルールファイルはJSON(JavaScript(登録商標) Object Notation)形式である。同ファイルでは各要素変換ルールを表すオブジェクトが縦方向に配列され、上から順番に各要素変換ルールとプレ処理及びポスト処理がWebページに適用される。なお、同ファイルの形式は、XML(Extensible Markup Language)形式であってもよい。 FIG. 2 is a diagram illustrating an example of the format of the element conversion rule file. The element conversion rule file shown in the figure is in JSON (JavaScript (registered trademark) Object Notation) format. In the same file, objects representing each element conversion rule are arranged in the vertical direction, and each element conversion rule and pre-processing and post-processing are applied to the Web page in order from the top. The format of the file may be an XML (Extensible Markup Language) format.
図3は、要素変換ルールファイルの具体例を示す図である。同図に示される要素変換ルールファイルを用いてWebページに対して後述する要素変換処理が実行された場合、Webページに対しては、プレ処理、要素非表示ルール、属性削除ルール、属性追加ルール、要素追加ルール、要素置換ルール、ポスト処理の順に適用される。
次に、各要素変換ルールとプレ処理及びポスト処理について説明する。
FIG. 3 is a diagram showing a specific example of the element conversion rule file. When an element conversion process described later is executed on a Web page using the element conversion rule file shown in the figure, pre-processing, element hiding rule, attribute deletion rule, and attribute addition rule are applied to the Web page. , Element addition rules, element replacement rules, and post processing.
Next, each element conversion rule, pre-processing, and post-processing will be described.
(1)プレ処理及びポスト処理
プレ処理は、Webページに対して後述する要素変換処理が実行される前に行われる処理であって、例えば、要素変換処理が完了するまでformを一旦非表示にするという処理である。ポスト処理は、Webページに対して後述する要素変換処理が実行された後に行われる処理であって、例えば、formを再表示して、html要素を初期化する処理である。プレ処理とポスト処理のルールフォーマットを表1に示す。
(1) Pre-processing and post-processing Pre-processing is processing that is performed before element conversion processing (described later) is performed on a Web page. For example, the form is temporarily hidden until the element conversion processing is completed. It is a process to do. The post process is a process that is performed after an element conversion process (to be described later) is executed on the Web page. For example, the post process is displayed again to initialize the html element. Table 1 shows the pre-processing and post-processing rule formats.
図4は、プレ処理のルール定義の一例を示す図である。同図に示されるルール定義は、要素変換処理が完了するまでformを一旦非表示にする処理を定義している。
図5は、ポスト処理のルール定義の一例を示す図である。同図に示されるルール定義は、id=mapviewの要素をXXXマップの要素として初期化する処理を定義している。
FIG. 4 is a diagram illustrating an example of preprocessing rule definition. The rule definition shown in the figure defines a process for temporarily hiding a form until the element conversion process is completed.
FIG. 5 is a diagram illustrating an example of a post processing rule definition. The rule definition shown in the figure defines a process for initializing an id = mapview element as an XXX map element.
(2)属性削除ルール
属性削除ルールは、元の要素(例えば、html要素。以下同じ。)の属性で、指定した属性を削除するためのルールである。または、元の要素の属性で、指定した属性以外を削除するためのルールである。属性削除ルールは、元の要素の属性で、モバイルデバイス3において不要となる属性値を取り除くために使用される。具体的には、style属性に指定される位置指定やサイズ(具体的には、absolute, top, left, bottom, right, width, height等のスタイル)等の属性値や、classに指定される一部のクラス名を削除するために使用される。属性削除ルールのルールフォーマットを表2に示す。
(2) Attribute deletion rule The attribute deletion rule is a rule for deleting a specified attribute of the original element (for example, html element; the same applies hereinafter). Or, it is a rule for deleting the attribute of the original element other than the specified attribute. The attribute deletion rule is an attribute of the original element and is used to remove an attribute value that is unnecessary in the
図6は、属性削除ルールのルール定義の一例を示す図である。図7は、図6に示される属性削除ルールを用いたWebページデータの変換の一例を示す図である。図7(a)は変換前のWebページデータを示し、図7(b)は変換後のWebページデータを示す。これら図6及び7に示される例は、id=usernameの要素で、type、name、id、class='class1' style='text-align|display'以外の属性を削除する場合について示している。 FIG. 6 is a diagram illustrating an example of the rule definition of the attribute deletion rule. FIG. 7 is a diagram showing an example of Web page data conversion using the attribute deletion rule shown in FIG. FIG. 7A shows Web page data before conversion, and FIG. 7B shows Web page data after conversion. These examples shown in FIGS. 6 and 7 show a case where an attribute other than type, name, id, class = 'class1' style = 'text-align | display' is deleted in the element of id = username.
図8は、属性削除ルールのルール定義の他の例を示す図である。図9は、図8に示される属性削除ルールを用いたWebページデータの変換の一例を示す図である。図9(a)は変換前のWebページデータを示し、図9(b)は変換後のWebページデータを示す。これら図8及び9に示される例は、表示状態のすべてのinput要素で、class='ui-*'、data-*の属性を削除する場合について示している。 FIG. 8 is a diagram illustrating another example of the rule definition of the attribute deletion rule. FIG. 9 is a diagram showing an example of Web page data conversion using the attribute deletion rule shown in FIG. FIG. 9A shows Web page data before conversion, and FIG. 9B shows Web page data after conversion. These examples shown in FIGS. 8 and 9 show a case where the attributes of class = 'ui- *' and data- * are deleted from all input elements in the display state.
(3)属性追加ルール
属性追加ルールは、使用しているライブラリが定義している独自の属性や、通常のhtml属性を追加するためのルールである。具体的には、classの追加、data-*属性の追加や、初期値の追加等を行うために使用される。属性追加ルールのルールフォーマットを表3に示す。
(3) Attribute addition rule The attribute addition rule is a rule for adding a unique attribute defined by the library being used or a normal html attribute. Specifically, it is used to add a class, add a data- * attribute, or add an initial value. Table 3 shows the rule format of the attribute addition rule.
図10は、属性追加ルールのルール定義の一例を示す図である。図11は、図10に示される属性追加ルールを用いたWebページデータの変換の一例を示す図である。図11(a)は変換前のWebページデータを示し、図11(b)は変換後のWebページデータを示す。これら図10及び11に示される例は、id=usernameの要素に、class='mobile' data-must-input='1'の属性を追加する場合について示している。 FIG. 10 is a diagram illustrating an example of the rule definition of the attribute addition rule. FIG. 11 is a diagram showing an example of Web page data conversion using the attribute addition rule shown in FIG. FIG. 11A shows Web page data before conversion, and FIG. 11B shows Web page data after conversion. These examples shown in FIGS. 10 and 11 show a case where an attribute of class = “mobile” data-must-input = “1” is added to the element of id = username.
図12は、属性追加ルールのルール定義の他の例を示す図である。図13は、図12に示される属性追加ルールを用いたWebページデータの変換の一例を示す図である。図13(a)は変換前のWebページデータを示し、図13(b)は変換後のWebページデータを示す。これら図12及び13に示される例は、表示状態のすべてのinput要素に、class='ui-custom'の属性を追加する場合について示している。 FIG. 12 is a diagram illustrating another example of the rule definition of the attribute addition rule. FIG. 13 is a diagram showing an example of conversion of Web page data using the attribute addition rule shown in FIG. FIG. 13A shows Web page data before conversion, and FIG. 13B shows Web page data after conversion. These examples shown in FIGS. 12 and 13 show a case where the attribute of class = 'ui-custom' is added to all input elements in the display state.
(4)要素非表示ルール
要素非表示ルールは、指定された要素を非表示にするためのルールである。具体的には、モバイルデバイス3に適していないイメージ、長い説明文言、簡潔でないラベル等を非表示にするために使用される。要素非表示ルールのルールフォーマットを表4に示す。
(4) Element Hiding Rule The element hiding rule is a rule for hiding a specified element. Specifically, it is used for hiding images not suitable for the
図14は、要素非表示ルールのルール定義の一例を示す図である。図15は、図14に示される要素非表示ルールを用いたWebページデータの変換の一例を示す図である。図15(a)は変換前のWebページデータを示し、図15(b)は変換後のWebページデータを示す。これら図14及び15に示される例は、すべてのp、span、img要素を非表示にする場合について示している。 FIG. 14 is a diagram illustrating an example of the rule definition of the element non-display rule. FIG. 15 is a diagram showing an example of conversion of Web page data using the element non-display rule shown in FIG. FIG. 15A shows Web page data before conversion, and FIG. 15B shows Web page data after conversion. These examples shown in FIGS. 14 and 15 show a case where all p, span, and img elements are hidden.
(5)要素追加ルール
要素追加ルールは、新しい要素を指定した位置に追加するためのルールである。追加のパターンとしては、親要素としての追加、子要素としての追加、直前に追加、直後に追加のパターンがある。追加する要素としては、例えば、ラベル、イメージ、ヘルプへのリンクがある。要素追加ルールのルールフォーマットを表5に示す。
(5) Element addition rule The element addition rule is a rule for adding a new element to a specified position. As an additional pattern, there are addition as a parent element, addition as a child element, addition immediately before, and additional pattern immediately after. Examples of elements to be added include labels, images, and links to help. Table 5 shows the rule format of the element addition rule.
図16は、要素追加ルールのルール定義の一例を示す図である。図17は、図16に示される要素追加ルールを用いたWebページデータの変換の一例を示す図である。図17(a)は変換前のWebページデータを示し、図17(b)は変換後のWebページデータを示す。これら図16及び17に示される例は、id=usernameの要素の直前に、<label for='username'>ユーザ名</label>要素を追加する場合について示している。 FIG. 16 is a diagram illustrating an example of the rule definition of the element addition rule. FIG. 17 is a diagram showing an example of conversion of Web page data using the element addition rule shown in FIG. FIG. 17A shows Web page data before conversion, and FIG. 17B shows Web page data after conversion. The examples shown in FIGS. 16 and 17 show a case where a <label for = 'username'> user name </ label> element is added immediately before the element of id = username.
図18は、要素追加ルールのルール定義の他の例を示す図である。図19は、図18に示される要素追加ルールを用いたWebページデータの変換の一例を示す図である。図19(a)は変換前のWebページデータを示し、図19(b)は変換後のWebページデータを示す。これら図18及び19に示される例は、すべての表示状態のinput要素の親要素として、<fieldset/>要素を追加する場合について示している。 FIG. 18 is a diagram illustrating another example of the rule definition of the element addition rule. FIG. 19 is a diagram showing an example of Web page data conversion using the element addition rule shown in FIG. FIG. 19A shows Web page data before conversion, and FIG. 19B shows Web page data after conversion. The examples shown in FIGS. 18 and 19 show a case where a <fieldset /> element is added as a parent element of input elements in all display states.
(6)要素置換ルール
要素置換ルールは、指定した要素をDOM(Document Object Model)から削除して、削除した位置に新たな要素を追加するためのルールである。または、指定した要素を非表示にして、元の要素の位置に新たな要素を追加するためのルールである。新たな要素は基本的には元の属性を引き継ぐが、属性追加ルールと属性削除ルールに従って属性の追加及び削除が行われる。要素置換ルールのルールフォーマットを表6に示す。
(6) Element replacement rule The element replacement rule is a rule for deleting a specified element from a DOM (Document Object Model) and adding a new element at the deleted position. Or, it is a rule for hiding a specified element and adding a new element at the position of the original element. The new element basically takes over the original attribute, but the attribute is added and deleted according to the attribute addition rule and the attribute deletion rule. Table 6 shows the rule format of the element replacement rule.
図20は、要素置換ルールのルール定義の一例を示す図である。図21は、図20に示される要素置換ルールを用いたWebページデータの変換の一例を示す図である。図21(a)は変換前のWebページデータを示し、図21(b)は変換後のWebページデータを示す。これら図20及び21に示される例は、id="acount-type"の要素をselect要素に変換する場合について示している。 FIG. 20 is a diagram illustrating an example of the rule definition of the element replacement rule. FIG. 21 is a diagram showing an example of Web page data conversion using the element replacement rule shown in FIG. FIG. 21A shows Web page data before conversion, and FIG. 21B shows Web page data after conversion. These examples shown in FIGS. 20 and 21 show a case where an element with id = “acount-type” is converted into a select element.
図22は、要素置換ルールのルール定義の他の例を示す図である。図23は、図22に示される要素置換ルールを用いたWebページデータの変換の一例を示す図である。図23(a)は変換前のWebページデータを示し、図23(b)は変換後のWebページデータを示す。これら図22及び23に示される例は、name='acount-type'のinput type="radio"の要素をselect要素に変換する場合について示している。変換対象の要素がradioのように選択候補をもつ場合には、その選択要素がselectの選択要素として構成される。 FIG. 22 is a diagram illustrating another example of the rule definition of the element replacement rule. FIG. 23 is a diagram showing an example of Web page data conversion using the element replacement rule shown in FIG. FIG. 23A shows Web page data before conversion, and FIG. 23B shows Web page data after conversion. These examples shown in FIGS. 22 and 23 show a case where an element of input type = "radio" of name = 'acount-type' is converted into a select element. When an element to be converted has a selection candidate like radio, the selected element is configured as a selection element of select.
(7)独自処理
独自処理ルールは、指定したスクリプトを実行するためのルールである。スクリプトからは、頻繁に使用する要素変換ルールとして予め用意している関数を呼び出すことも可能である。スクリプトでは、任意の要素変換処理や属性の変更処理を行うことができる。独自処理ルールのルールフォーマットを表7に示す。
(7) Unique process The unique process rule is a rule for executing a specified script. From a script, it is possible to call a function prepared in advance as a frequently used element conversion rule. In the script, arbitrary element conversion processing and attribute change processing can be performed. Table 7 shows the rule format of the unique processing rule.
図24は、独自処理ルールのルール定義の一例を示す図である。図25は、図24に示される独自処理ルールを用いたWebページデータの変換の一例を示す図である。図25(a)は変換前のWebページデータを示し、図25(b)は変換後のWebページデータを示す。これら図24及び25に示される例は、id=account-typeの要素で、配下のoption要素でvalue=12の要素を、初期状態で選択状態とする場合について示している。 FIG. 24 is a diagram illustrating an example of the rule definition of the unique processing rule. FIG. 25 is a diagram showing an example of conversion of Web page data using the unique processing rule shown in FIG. FIG. 25A shows Web page data before conversion, and FIG. 25B shows Web page data after conversion. The examples shown in FIGS. 24 and 25 show a case where the element of id = account-type and the element of value = 12 in the subordinate option element are selected in the initial state.
(8)組込処理
組込処理ルールは、頻繁に使用する要素変換ルールや装飾処理ルールをまとめて、利用しやすくするためのルールである。具体的には、以下のような組込処理がある。
・input要素に対してlabel要素を設定し、fieldset要素でグループ化し、絶対位置指定等の不要な属性を取り除く処理。
・select要素をinput type=''radio"要素に変換する処理。
・select要素をjQuery Mobileのリストビューに変換する処理。
・住所入力用のinput要素に対して、地図表示と地点選択を実現する要素を直前に埋め込み、地図からの地点選択でinput要素に住所が反映されるスクリプトを埋め込む処理。
組込処理ルールのルールフォーマットを表8に示す。
(8) Built-in processing The built-in processing rule is a rule for making it easy to use frequently used element conversion rules and decoration processing rules. Specifically, there are the following built-in processes.
・ Process to set label element for input element, group by fieldset element, and remove unnecessary attributes such as absolute position designation.
・ Process to convert select element to input type = ”radio” element.
・ Process to convert select element to jQuery Mobile list view.
A process for embedding an element that realizes map display and point selection immediately before an input element for address input, and embedding a script that reflects the address in the input element by selecting a point from the map.
Table 8 shows the rule format of the built-in processing rule.
図26は、組込処理ルールのルール定義の一例を示す図である。図27は、図26に示される組込処理ルールを用いたWebページデータの変換の一例を示す図である。図27(a)は変換前のWebページデータを示し、図27(b)は変換後のWebページデータを示す。これら図26及び27に示される例は、labeled処理を使って、id=amountの要素に"入金金額"のラベルを付けて、全体をfieldset要素でまとめる場合について示している。
次に、制御部21の各機能について説明する。
FIG. 26 is a diagram illustrating an example of the rule definition of the built-in processing rule. FIG. 27 is a diagram showing an example of conversion of Web page data using the built-in processing rule shown in FIG. FIG. 27A shows Web page data before conversion, and FIG. 27B shows Web page data after conversion. The examples shown in FIGS. 26 and 27 show a case where a label “added amount” is attached to the element of id = amount using the labeled process, and the whole is grouped by the fieldset element.
Next, each function of the
Webページ提供部211は、ユーザインタフェース要素を含むウェブページをモバイルデバイス3に対して提供する。ここで、Webページ(又は、ウェブページ)は、例えばHTMLやXHTML(Extensible HTML)等のマークアップ言語により記述される文書である。
The web page providing unit 211 provides a web page including user interface elements to the
また、本発明に係る「ユーザインタフェース要素」とは、ユーザが情報を選択するためのユーザインタフェース要素と、ユーザが情報を入力するためのユーザインタフェース要素と、ユーザに情報を通知するためのユーザインタフェース要素の総称である。ここで、ユーザインタフェースとは、より具体的にはGUI(Graphical User Interface)である。 The “user interface element” according to the present invention is a user interface element for the user to select information, a user interface element for the user to input information, and a user interface for notifying the user of information. A generic term for elements. Here, the user interface is more specifically a GUI (Graphical User Interface).
ユーザが情報を選択するためのユーザインタフェース要素とは、具体的には、チェックボックスや、コマンドボタンや、コマンドリンクや、コンボボックスや、グループボックスや、リストボックスや、リストビューや、ラジオボタンや、スライダや、スピンコントロール等である。 Specifically, user interface elements for the user to select information include check boxes, command buttons, command links, combo boxes, group boxes, list boxes, list views, radio buttons, , Sliders, spin control, etc.
ユーザが情報を入力するためのユーザインタフェース要素とは、具体的には、検索ボックスや、テキストボックス等である。
ユーザに情報を通知するためのユーザインタフェース要素とは、具体的には、バルーンや、プログレスバーや、ステータスバーや、タブ等である。
Specifically, the user interface element for the user to input information is a search box, a text box, or the like.
Specifically, the user interface elements for notifying the user of information include a balloon, a progress bar, a status bar, a tab, and the like.
属性情報取得部212は、モバイルデバイス3の属性を示す属性情報を取得する。ここで、属性情報とは、本実施形態において、モバイルデバイス3により表示される画面のサイズを示す情報である。具体的には、属性情報取得部212は、本実施形態において、モバイルデバイス3から送信される、要素変換ルールファイルのファイル名情報を取得して、要素変換ルール提供部213に引き渡す。
The attribute
要素変換ルール提供部213は、Webページ提供部211により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部212により取得された属性情報に対応するルールをモバイルデバイス3に提供する。ここで、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理(特に、要素追加、要素置換又は要素非表示の処理)に相当する。また、当該ルールは、本実施形態において要素変換ルール(特に、要素追加ルール、要素置換ルール又は要素非表示ルール)に相当する。
The element conversion
1−1−3.モバイルデバイス3
モバイルデバイス3は、本発明に係る「通信装置」の一例である。モバイルデバイス3は、具体的には、スマートフォンやタブレット端末等の携帯端末である。モバイルデバイス3は、図1に示されるように、大略、制御部31と、記憶部32と、タッチパネル33と、通信部34とを備える。
1-1-3.
The
制御部31は、CPU等の演算処理装置である。制御部31は、図1に示されるように、Webページ取得部311と、画面サイズ種別特定部312と、テーマ特定部313と、ファイル名決定部314と、要素変換ルール取得部315と、要素変換部316と、表示制御部317という機能を有する。これらの機能は、制御部31により、記憶部32に記憶されるプログラム(具体的には、Webブラウザ)が実行されることにより実現される。これらの機能については後述する。
The
記憶部32は、フラッシュメモリ等の記憶装置である。記憶部32は、制御部31により実行されるプログラム(具体的には、Webブラウザ)を記憶する。また、記憶部32は、jQuery Mobile等のライブラリと、各種プラグインとを記憶する。jQuery Mobile等のライブラリと各種プラグインとは、Webアプリケーションサーバ2からダウンロードされて記憶部32に記憶される。
The
タッチパネル33は、本発明に係る「表示部」の一例である。タッチパネル33は、液晶ディスプレイと、液晶ディスプレイ上に配置されたタッチセンサとを備え、Webページを表示するとともに、ユーザからの入力操作を受け付ける。
通信部34は、例えばネットワークカードである。通信部34はモバイルデバイス3をネットワーク4に接続する。
次に、制御部31の各機能について説明する。
The
The
Next, each function of the
Webページ取得部311は、ユーザインタフェース要素を含むウェブページを取得する。
The web
画面サイズ種別特定部312は、モバイルデバイス3により表示される画面のサイズを示す情報を取得する。具体的には、画面サイズ種別特定部312は、Webページ取得部311により取得されたWebページにその識別情報が記述されているプログラムを実行することにより、当該情報を取得する。
The screen size
テーマ特定部313は、モバイルデバイス3のユーザが所望するユーザインタフェース要素の種類を示すテーマを特定する。
The
ファイル名決定部314は、Webページ取得部311により取得されたWebページの画面番号と、画面サイズ種別特定部312により特定された画面サイズ種別と、テーマ特定部313により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する。
The file
要素変換ルール取得部315は、画面サイズ種別特定部312により特定された画面サイズ種別に対応するルールを取得する。より具体的には、ファイル名決定部314により決定されたファイル名を有する要素変換ルールファイルを取得する。
The element conversion
要素変換部316は、要素変換ルール取得部315により取得されたルールに従って、Webページ取得部311により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する。ここで、当該ルールは、本実施形態において要素変換ルール(特に、要素追加ルール、要素置換ルール又は要素非表示ルール)に相当する。また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、後述する要素変換処理(特に、要素追加、要素置換又は要素非表示の処理)に相当する。
The
なお、要素変換部316によりウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、他のユーザインタフェース要素に引き継がれてもよい。
In addition, when one user interface element included in the web page is converted into another user interface element by the
また、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理は、ウェブページのダウンロード時に限らず、モバイルデバイス3に表示される画面のサイズが変更されるごとに実行されてもよい。
Further, the process for adding, replacing, or hiding user interface elements is not limited to when a web page is downloaded, but may be executed every time the size of the screen displayed on the
表示制御部317は、要素変換部316により処理を実行されたウェブページをタッチパネル33を制御して表示させる。
The
1−2.動作
次に、Webページ変換システム1の動作について説明する。具体的には、モバイルデバイス3がWebアプリケーションサーバ2からWebページをダウンロードして表示するWebページ表示処理について説明する。
1-2. Operation Next, the operation of the Web
図28及び29は、Webページ表示処理の一例を示すフローチャートである。本処理のステップS1においてモバイルデバイス3のWebページ取得部311は、Webアプリケーションサーバ2からWebページをダウンロードして取得する。
28 and 29 are flowcharts showing an example of the Web page display process. In step S <b> 1 of this process, the web
次に、モバイルデバイス3の画面サイズ種別特定部312は、Webページ取得部311により取得されたWebページにそのリンクが埋め込まれているスクリプトを実行して、画面サイズ種別を特定する(ステップS2)。具体的には、画面サイズ種別特定部312は、CSSのMedia Queryのwindow.matchMediaメソッドを利用して、画面サイズ種別を特定する。画面サイズ種別は、例えば「横幅≦480px」の場合はカテゴリAに分類され、「480px<横幅≦800px」の場合はカテゴリBに分類され、「800px<横幅」の場合はカテゴリCに分類される。
Next, the screen size
次に、モバイルデバイス3のテーマ特定部313は、Cookie又はローカルストレージに保存されている情報に基づいて、ユーザが所望するテーマを特定する(ステップS3)。
Next, the
次に、モバイルデバイス3のファイル名決定部314は、Webページ取得部311により取得されたWebページの画面番号と、画面サイズ種別特定部312により特定された画面サイズ種別と、テーマ特定部313により特定されたテーマとに基づいて、要素変換ルールファイルのファイル名を決定する(ステップS4)。例えば、画面番号が「0001」であり、画面サイズ種別が「カテゴリA」であり、テーマが「A」である場合には、要素変換ルールファイルのファイル名は「page0001/categoryA/themeA.json」となる。
Next, the file
次に、モバイルデバイス3の要素変換ルール取得部315は、ファイル名決定部314により決定されたファイル名を有する要素変換ルールファイルをWebアプリケーションサーバ2に対して要求する(ステップS5)。
Next, the element conversion
Webアプリケーションサーバ2の要素変換ルール提供部213は、このモバイルデバイス3からの要求を受けて(ステップS6)、当該要求に係る要素変換ルールファイルをモバイルデバイス3に対して提供する(ステップS7)。
The element conversion
モバイルデバイス3の要素変換ルール取得部315は、当該要素変換ルールファイルをWebアプリケーションサーバ2からAjaxでダウンロードして取得する(ステップS8)。
The element conversion
次に、モバイルデバイス3の要素変換部316は、要素変換ルール取得部315により取得された要素変換ルールファイルを読み込み(ステップS9)、当該ファイルに記述されているプレ処理を実行する(ステップS10)。例えば、要素変換部316は、formを一旦非表示にする。
Next, the
次に、要素変換部316は、この要素変換ルールファイルに記述されている各要素変換ルールに従ってWebページに対して要素変換処理を実行する(ステップS11〜S13)。
Next, the
図30は、要素変換処理の一例を示すフローチャートである。本処理のステップS121において要素変換部316は、要素変換ルールで指定されているセレクタに基づいて変換対象の要素を選択する。
FIG. 30 is a flowchart illustrating an example of the element conversion process. In step S121 of this process, the
次に、要素変換部316は、要素変換ルールで指定されている変換の種類を特定し(ステップS122)、その種類が「属性削除」である場合には(ステップS122:「属性削除」)、要素変換ルールで指定されている属性を削除する(ステップS123)。
Next, the
特定された種類が「属性追加」である場合には(ステップS122:「属性追加」)、要素変換部316は、要素変換ルールで指定されている属性を追加する(ステップS124)。特定された種類が「要素非表示」である場合には(ステップS122:「要素非表示」)、要素変換部316は、要素変換ルールで指定されている要素を非表示にする(ステップS125)。
If the identified type is “add attribute” (step S122: “add attribute”), the
特定された種類が「要素追加」である場合には(ステップS122:「要素追加」)、要素変換部316は、要素変換ルールで指定されている要素の直後に新たな要素を追加する(ステップS126)。特定された種類が「要素置換」である場合には(ステップS122:「要素置換」)、要素変換部316は、要素変換ルールで指定されている要素を他の要素で置換する(ステップS127)。
If the identified type is “element addition” (step S122: “element addition”), the
特定された種類が「独自処理」である場合には(ステップS122:「独自処理」)、要素変換部316は、要素変換ルールにおいて独自処理として指定されているスクリプトを実行することにより要素の編集を行う(ステップS128)。特定された種類が「組込処理」である場合には(ステップS122:「組込処理」)、要素変換部316は、要素変換ルールにおいて定義されている組込処理を実行する(ステップS129)。
When the identified type is “unique process” (step S122: “unique process”), the
要素変換ルールファイルに記述されるすべての要素変換ルールに従って要素変換処理が実行されると、次に要素変換部316は、当該ファイルに記述されているポスト処理を実行する(ステップS14)。例えば、要素変換部316は、formの非表示を解除する。
When element conversion processing is executed according to all element conversion rules described in the element conversion rule file, the
次に、要素変換部316は、利用しているライブラリで初期化イベントが必要なものについて初期化イベントをトリガする(ステップS15)。
Next, the
次に、表示制御部317は、要素変換部316による要素変換処理等を経たWebページをタッチパネル33を制御して表示させる(ステップS16)。
以上がWebページ表示処理の説明である。
Next, the
The above is the description of the web page display process.
以上説明したWebページ表示処理によれば、Webページが提供されるモバイルデバイス3に対して当該デバイスの画面サイズ種別に対応する要素変換ルールファイルが提供され、その要素変換ルールファイルに基づいて当該Webページに対する要素変換処理が実行される。すなわち、モバイルデバイス3の画面サイズに応じたWebページの要素及び属性の変換が可能となる。
以下、このWebページ表示処理の効果について具体例を挙げて説明する。
According to the Web page display process described above, an element conversion rule file corresponding to the screen size type of the device is provided to the
Hereinafter, the effect of this Web page display process will be described with a specific example.
図31は、上記の要素変換処理を経ていないWebページの表示例を示す図である。
図32は、モバイルデバイス3の画面が比較的小さい場合(例えば、モバイルデバイス3がスマートフォンである場合)に、図31に示されるWebページに適用される要素変換ルールファイルの一例を示す図である。図33は、図32に示される要素変換ルールファイルが、図31に示されるWebページに適用された場合に表示されるWebページの例を示す図である。
図31乃至33によれば、特に、図32に示される独自処理ルール3がWebページに適用されることにより、図31に示されるテキストボックスTBが、図33においてラジオボタンRBに変更されていることがわかる。
FIG. 31 is a diagram showing a display example of a Web page that has not undergone the above element conversion processing.
FIG. 32 is a diagram showing an example of an element conversion rule file applied to the Web page shown in FIG. 31 when the screen of the
31 to 33, the text box TB shown in FIG. 31 is changed to the radio button RB in FIG. 33 by applying the
これに対して、図34は、モバイルデバイス3の画面が比較的大きい場合(例えば、モバイルデバイス3がタブレット端末である場合)に、図31に示されるWebページに適用される要素変換ルールファイルの一例を示す図である。図35は、図34に示される要素変換ルールファイルが、図31に示されるWebページに適用された場合に表示されるWebページの例を示す図である。
図31、34及び35によれば、特に、図34に示される独自処理ルール6がWebページに適用されることにより、図31に示されるテキストボックスTBが、図33に示される場合とは異なり、図35においてセレクトボックスSBに変更されていることがわかる。
On the other hand, FIG. 34 shows an element conversion rule file applied to the Web page shown in FIG. 31 when the screen of the
According to FIGS. 31, 34 and 35, the text box TB shown in FIG. 31 is different from the case shown in FIG. 33 because the unique processing rule 6 shown in FIG. 34 is applied to the Web page. FIG. 35 shows that the selection box SB has been changed.
2.変形例
上記の実施形態は、以下のように変形してもよい。また、以下の変形例は互いに組み合わせてもよい。
2. Modifications The above embodiment may be modified as follows. Further, the following modifications may be combined with each other.
2−1.変形例1
上記の実施形態においてWebアプリケーションサーバ2の属性情報取得部212は、モバイルデバイス3により表示される画面のサイズを示す情報に代えて、モバイルデバイス3が備える機能の種類を示す情報を属性情報として取得してもよい。具体的には、音声入力機能の有無を示す情報を取得してもよい。
2-1.
In the above embodiment, the attribute
また、属性情報取得部212は、モバイルデバイス3の属性情報に代えて、モバイルデバイス3のユーザの属性情報を取得してもよい。具体的には、当該ユーザの性別や、当該ユーザのモバイルデバイス3の操作の熟練度を示す情報を取得してもよい。
Further, the attribute
2−2.変形例2
上記の実施形態又は変形例1に係るWebアプリケーションサーバ2の制御部21により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。ここで、記録媒体とは、例えば、磁気テープや磁気ディスクなどの磁気記録媒体や、光ディスクなどの光記録媒体や、光磁気記録媒体や、半導体メモリ等である。また、このプログラムは、インターネット等のネットワークを介して提供されてもよい。
2-2. Modification 2
The program executed by the
同様に、上記の実施形態又は変形例1に係るモバイルデバイス3の制御部31により実行されるプログラムは、コンピュータ装置が読み取り可能な記録媒体を介して提供されてもよい。また、同プログラムはネットワークを介して提供されてもよい。
Similarly, the program executed by the
同プログラムによれば、例えば、ユーザインタフェース要素を含むウェブページを取得するウェブページ取得部と、自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部とを備える通信装置が実現される。 According to the program, for example, a web page acquisition unit that acquires a web page including a user interface element, an attribute information acquisition unit that acquires attribute information indicating an attribute of the own device or an attribute of a user of the own device, and the attribute A rule acquisition unit that acquires a rule corresponding to the attribute information acquired by the information acquisition unit, and a user interface component for the web page acquired by the web page acquisition unit according to the rule acquired by the rule acquisition unit Communication unit comprising: a process execution unit that executes a process for performing addition, replacement, or non-display, and a display control unit that controls a display unit to display a web page that has been processed by the process execution unit Is realized.
2−3.その他の変形例
上記の実施形態において、モバイルデバイス3に代えて、据え置き型のコンピュータを採用してもよい。
また、上記の実施形態において、Webアプリケーションサーバ2は、複数のサーバにより構成されるサーバシステムであってもよい。
2-3. Other Modifications In the above embodiment, a stationary computer may be employed instead of the
In the above embodiment, the Web application server 2 may be a server system including a plurality of servers.
また、上記の実施形態に係るWebページ表示処理において、モバイルデバイス3の側で要素変換ルールファイルのファイル名を決定してWebアプリケーションサーバ2に通知せず、Webアプリケーションサーバ2の側でモバイルデバイス3から通知される画面番号と画面サイズ種別とテーマとに基づいて要素変換ルールファイルのファイル名を特定するようにしてもよい。この際、モバイルデバイス3は、画面番号や画面サイズ種別やテーマといった情報をGETメソッドやPOSTメソッドによりWebアプリケーションサーバ2に通知してもよい。
In the Web page display processing according to the above embodiment, the
1…Webページ変換システム、2…Webアプリケーションサーバ、3…モバイルデバイス、4…ネットワーク、21…制御部、22…記憶部、23…通信部、31…制御部、32…記憶部、33…タッチパネル、34…通信部、211…Webページ提供部、212…属性情報取得部、213…要素変換ルール提供部、311…Webページ取得部、312…画面サイズ種別特定部、313…テーマ特定部、314…ファイル名決定部、315…要素変換ルール取得部、316…要素変換部、317…表示制御部
DESCRIPTION OF
Claims (6)
前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得する属性情報取得部と、
前記ウェブページ提供部により提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記属性情報取得部により取得された属性情報に対応するルールを前記通信装置に提供するルール提供部と
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供システム。 A web page providing unit for providing a web page including a user interface element to a communication device;
An attribute information acquisition unit for acquiring attribute information indicating an attribute of the communication device or an attribute of a user of the communication device;
A rule that is referred to when a process for adding, replacing, or hiding a user interface element is performed on a web page provided by the web page providing unit, the attribute information acquiring unit a rule corresponding to the acquired attribute information and a rule providing unit for providing to the communication device by,
When one user interface element included in the web page is converted into another user interface element, an input value already input to the one user interface element is carried over to the other user interface element. A web page providing system characterized by that .
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップと
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするウェブページ提供方法。 A web page providing method executed by a web page providing system,
Providing a web page including a user interface element to a communication device;
Obtaining attribute information indicating an attribute of the communication device or an attribute of a user of the communication device;
A rule that is referred to when a process for adding, replacing, or hiding a user interface element is performed on the provided web page, the rule corresponding to the acquired attribute information Providing the communication device with :
When one user interface element included in the web page is converted into another user interface element, an input value already input to the one user interface element is carried over to the other user interface element. A method for providing a web page.
ユーザインタフェース要素を含むウェブページを通信装置に対して提供するステップと、
前記通信装置の属性又は当該通信装置のユーザの属性を示す属性情報を取得するステップと、
前記提供されるウェブページに対して、ユーザインタフェース要素の追加、置換又は非表示化を行うための処理が実行される際に参照されるルールであって、前記取得された属性情報に対応するルールを前記通信装置に提供するステップと
を実行させるためのプログラムであって、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。 On the computer,
Providing a web page including a user interface element to a communication device;
Obtaining attribute information indicating an attribute of the communication device or an attribute of a user of the communication device;
A rule that is referred to when a process for adding, replacing, or hiding a user interface element is performed on the provided web page, the rule corresponding to the acquired attribute information the a program for executing a step of providing to said communication device,
When one user interface element included in the web page is converted into another user interface element, an input value already input to the one user interface element is carried over to the other user interface element. A program characterized by that.
自装置の属性又は自装置のユーザの属性を示す属性情報を取得する属性情報取得部と、
前記属性情報取得部により取得された属性情報に対応するルールを取得するルール取得部と、
前記ルール取得部により取得されたルールに従って、前記ウェブページ取得部により取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行する処理実行部と、
前記処理実行部により処理を実行されたウェブページを表示部を制御して表示させる表示制御部と
を備え、
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とする通信装置。 A web page acquisition unit for acquiring a web page including a user interface element;
An attribute information acquisition unit for acquiring attribute information indicating an attribute of the own device or an attribute of a user of the own device;
A rule acquisition unit for acquiring a rule corresponding to the attribute information acquired by the attribute information acquisition unit;
In accordance with the rule acquired by the rule acquisition unit, a process execution unit that executes processing for adding, replacing, or hiding user interface components for the web page acquired by the web page acquisition unit;
A display control unit for controlling the display unit to display the web page processed by the processing execution unit ,
When one user interface element included in the web page is converted into another user interface element, an input value already input to the one user interface element is carried over to the other user interface element. A communication device.
ユーザインタフェース要素を含むウェブページを取得するステップと、Obtaining a web page including user interface elements;
自装置の属性又は自装置のユーザの属性を示す属性情報を取得するステップと、Obtaining attribute information indicating an attribute of the own device or an attribute of a user of the own device;
前記取得された属性情報に対応するルールを取得するステップと、Obtaining a rule corresponding to the obtained attribute information;
前記取得されたルールに従って、前記取得されたウェブページに対して、ユーザインタフェース部品の追加、置換又は非表示化を行うための処理を実行するステップと、Performing a process for adding, replacing, or hiding user interface components on the acquired web page according to the acquired rules;
前記処理を実行されたウェブページを表示部を制御して表示させるステップとControlling the display unit to display the web page that has been subjected to the processing;
を実行させるためのプログラムであって、A program for executing
前記ウェブページに含まれる一のユーザインタフェース要素が他のユーザインタフェース要素に変換される場合、当該一のユーザインタフェース要素に対してすでに入力されている入力値は、前記他のユーザインタフェース要素に引き継がれることを特徴とするプログラム。When one user interface element included in the web page is converted into another user interface element, an input value already input to the one user interface element is carried over to the other user interface element. A program characterized by that.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2014120704A JP6338935B2 (en) | 2014-06-11 | 2014-06-11 | Web page providing system, web page providing method, program, and communication apparatus |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2014120704A JP6338935B2 (en) | 2014-06-11 | 2014-06-11 | Web page providing system, web page providing method, program, and communication apparatus |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2018090507A Division JP6524306B2 (en) | 2018-05-09 | 2018-05-09 | WEB PAGE PROVIDING SYSTEM, WEB PAGE PROVIDING METHOD, PROGRAM, COMMUNICATION DEVICE, AND WEB PAGE DISPLAY METHOD |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2016001382A JP2016001382A (en) | 2016-01-07 |
JP6338935B2 true JP6338935B2 (en) | 2018-06-06 |
Family
ID=55076953
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2014120704A Active JP6338935B2 (en) | 2014-06-11 | 2014-06-11 | Web page providing system, web page providing method, program, and communication apparatus |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6338935B2 (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113094382B (en) * | 2021-04-02 | 2022-12-06 | 南开大学 | Semi-automatic data acquisition and updating method for multi-source data management |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP4565319B2 (en) * | 2004-05-07 | 2010-10-20 | ソニー株式会社 | Information processing system, information processing apparatus and method, recording medium, and program |
JP5393242B2 (en) * | 2009-05-11 | 2014-01-22 | 株式会社日立製作所 | Data providing method and intermediate server device |
JP5588695B2 (en) * | 2010-03-01 | 2014-09-10 | 株式会社日立製作所 | Content sharing system |
-
2014
- 2014-06-11 JP JP2014120704A patent/JP6338935B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
JP2016001382A (en) | 2016-01-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10565293B2 (en) | Synchronizing DOM element references | |
US10318628B2 (en) | System and method for creation of templates | |
EP2987088B1 (en) | Client side page processing | |
US10908928B2 (en) | Rules-based workflow messaging | |
US10353721B2 (en) | Systems and methods for guided live help | |
US9772978B2 (en) | Touch input visualizations based on user interface context | |
US10049095B2 (en) | In-context editing of output presentations via automatic pattern detection | |
US20170161354A1 (en) | Chart conversion system and method using metadata | |
JP2011159284A (en) | Website font previewing | |
US20180349149A1 (en) | A method and system for providing and executing web applications | |
US20180349004A1 (en) | Methods for extracting and adapting information to generate custom widgets and devices thereof | |
JP2010003294A (en) | Print control apparatus for structured document, print control method and program | |
WO2013143283A1 (en) | Document processing method, device and editor | |
US20160259771A1 (en) | Information processing system, information processing apparatus, control method, and storage medium | |
CN105359104B (en) | The synchronous point of status information | |
US20180129392A1 (en) | Content display control method and user terminal for performing content display control method | |
US20140006932A1 (en) | Web page update notification device and web page update notification method | |
JP2020123175A (en) | Code management system and code management method | |
JP6524306B2 (en) | WEB PAGE PROVIDING SYSTEM, WEB PAGE PROVIDING METHOD, PROGRAM, COMMUNICATION DEVICE, AND WEB PAGE DISPLAY METHOD | |
JP6338935B2 (en) | Web page providing system, web page providing method, program, and communication apparatus | |
CN105739717B (en) | Data inputting method and device | |
WO2017049715A1 (en) | Page construction method, apparatus and device, and nonvolatile computer storage medium | |
JP6552162B2 (en) | Information processing apparatus, information processing method, and program | |
CN107085578B (en) | Webpage editing method and device | |
CN116009863B (en) | Front-end page rendering method, device and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20170215 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20180122 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20180206 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20180322 |
|
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: 20180410 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20180509 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6338935 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 |
|
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 |