JP6536007B2 - Information processing apparatus, control method and program thereof - Google Patents

Information processing apparatus, control method and program thereof Download PDF

Info

Publication number
JP6536007B2
JP6536007B2 JP2014221322A JP2014221322A JP6536007B2 JP 6536007 B2 JP6536007 B2 JP 6536007B2 JP 2014221322 A JP2014221322 A JP 2014221322A JP 2014221322 A JP2014221322 A JP 2014221322A JP 6536007 B2 JP6536007 B2 JP 6536007B2
Authority
JP
Japan
Prior art keywords
button
acquired
displayed
information processing
processing apparatus
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
Application number
JP2014221322A
Other languages
Japanese (ja)
Other versions
JP2016091092A (en
JP2016091092A5 (en
Inventor
山田 貴史
貴史 山田
春樹 繁宮
春樹 繁宮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Canon Marketing Japan Inc
Canon IT Solutions Inc
Original Assignee
Canon Marketing Japan Inc
Canon IT Solutions Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Canon Marketing Japan Inc, Canon IT Solutions Inc filed Critical Canon Marketing Japan Inc
Priority to JP2014221322A priority Critical patent/JP6536007B2/en
Publication of JP2016091092A publication Critical patent/JP2016091092A/en
Publication of JP2016091092A5 publication Critical patent/JP2016091092A5/en
Application granted granted Critical
Publication of JP6536007B2 publication Critical patent/JP6536007B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Description

本発明は、情報処理装置で表示される機能ボタンの表示方法に関する。   The present invention relates to a display method of function buttons displayed on an information processing apparatus.

スマートフォン、タブレット端末等の普及の加速に伴い、スマートフォン、タブレットに対応したコンテンツやWebアプリケーションが存在するようになってきている。   With the acceleration of the spread of smartphones and tablet terminals, content and Web applications compatible with smartphones and tablets have come to exist.

しかしながら、PCをターゲットとしたコンテンツ、Webアプリケーションはまだ数多く存在し、スマートフォンや、タブレット端末等の、PCの表示画面よりも小さい表示画面で情報の表示を行う情報処理端末で閲覧や操作を容易に行えるような作りとなっているコンテンツや、Webアプリケーションは、未だ多く存在しているとは言えない状況である。   However, there are still many PC content targets and Web applications, and it is easy to view and operate information processing terminals such as smartphones and tablet terminals that display information on a display screen smaller than the display screen of the PC. It is a situation where it can not be said that there are many contents and Web applications that can be created.

PCをターゲットとしたコンテンツやWebアプリケーションをスマートフォンやタブレット端末等の情報処理端末で閲覧した場合、このような情報処理端末に表示できる領域は限られているため、スムーズな閲覧や操作が行えないということが問題となっている。   When browsing content and Web applications targeting a PC with an information processing terminal such as a smartphone or tablet terminal, the area that can be displayed on such an information processing terminal is limited, so smooth browsing and operation can not be performed. Is a problem.

例えば、1画面で表示するコンテンツの構成内容が多数あり、複数の処理ボタンがそれらのコンテンツのそれぞれと結びついて処理されるような画面を、スクロールを行って閲覧や操作をおこなわなくてはならない場合、操作が煩雑になり、ユーザの負荷が高くなる。   For example, when there is a large number of configuration contents of content displayed in one screen, and a screen in which a plurality of processing buttons are processed in association with each of the content, it is necessary to scroll and perform browsing or operation The operation is complicated and the load on the user is high.

例えば、このよう画面を、画面の小さいスマートフォンなどのモバイル端末において扱うことになると、画面に対応する処理ボタンがどこにあるのかを画面をスライド等の操作を行うことによって探索しなくてはならない。また、そのような操作を行った場合、自分が入力した画面とその処理ボタンの位置関係が把握しにくくなるため、入力した処理画面の処理を行うボタンが適切なボタンであるかどうかを把握しにくくなる。   For example, when such a screen is to be handled by a mobile terminal such as a smartphone having a small screen, it is necessary to search where the processing button corresponding to the screen is by operating the screen such as sliding. In addition, when such an operation is performed, it becomes difficult to grasp the positional relationship between the screen input by the user and the processing button thereof, and therefore, it is determined whether or not the button for processing the input processing screen is an appropriate button. It becomes difficult.

また、適切なボタンを押下しなかったことにより、ユーザが意図しない画面へ遷移をする、意図しない処理を行ってしまう、ということが考えられる。更に、このような画面の扱いの不便により、ユーザがこのようなコンテンツを閲覧する機会が減少するということも懸念される。   Further, it is conceivable that, by not pressing an appropriate button, an unintended process is performed to transition to a screen unintended by the user. Furthermore, it is also feared that the inconvenience of handling such a screen reduces the opportunity for the user to view such content.

このようなモバイル端末などの情報処理装置において閲覧を容易にするための技術が公開されている。   Techniques for facilitating browsing in information processing apparatuses such as mobile terminals have been disclosed.

特開2013−206068号公報JP, 2013-206068, A 特開2010−102662号公報Unexamined-Japanese-Patent No. 2010-102662

例えば、特許文献1では、Webページの見出しリンクが1つの表示画面に表示しきれない位置に複数存在し、1つの表示領域内に収まりきらない場合に、リンク用表示対象リストを抽出して集約表示させる技術が公開されている。   For example, in Patent Document 1, when there are a plurality of headline links of a Web page at positions where display can not be performed on one display screen, and can not fit in one display area, the link display target list is extracted and aggregated. The technology to display is disclosed.

この方法においては、リンクが多数存在するWebページの画面の場合、リンクを、限られた表示領域を持つ情報処理端末上において、集約して表示を行うことにより、多数あるリンクの情報へのアクセスがし易くなる。しかしながら、多数の情報源へアクセスをし易くはしているものの、値を入力した画面に対して処理を行い易くするという点については解決できていない。   In this method, in the case of a screen of a web page having a large number of links, access is made to information of a large number of links by aggregating and displaying the links on an information processing terminal having a limited display area. It becomes easy to peel off. However, although access to a large number of information sources is facilitated, it has not been possible to solve the problem of facilitating processing on a screen on which values have been input.

また、特許文献2では、目的のリンクを確実にタッチできるように特定の領域を拡大して表示する技術が公開されている。   Moreover, in patent document 2, the technique which expands and displays a specific area | region so that the target link can be touched reliably is disclosed.

この方法によると、表示画面上で表示されている部分について、特定の領域を拡大しているため、操作が容易になることが考えられるが、現在認識可能な領域において解決しているのであって、表示領域に表示がされない部分を、表示されている部分に連動させて操作できるようにするという点については解決でいていない。   According to this method, it is conceivable that the specific area is enlarged for the part displayed on the display screen so that the operation becomes easy, but it is solved in the currently recognizable area. There is no solution to the problem of enabling the portion that is not displayed in the display area to be operated in conjunction with the displayed portion.

情報処理装置の表示画面で、すべてのWebページのコンテンツを一度に表示しきれない場合、コンテンツに対応する処理を行うボタンの部分だけでも表示することにより、コンテンツを閲覧しながら、コンテンツに対する処理が容易に行えることが望まれる。
In the display screen of the information processing apparatus, if that can not be displayed at one time the content of all the Web pages, by also view only part of the processing line Ubo button corresponding to the content, while viewing the content, process for the content is desired to easily.

本発明は、値を入力するフォームと関係のあるフォームに入力された値の処理を行うボタンが値を入力するフォームと共に表示しきれない場合に対応し、フォームに入力された値の処理を行うボタンの処理が容易に行える仕組みを提供することを目的とする The present invention deals with the case where the button for processing the value entered in the form related to the form for entering the value can not be displayed together with the form for entering the value, and processes the value entered in the form An object of the present invention is to provide a mechanism that facilitates processing of buttons .

本発明は、値を入力するフォーム及び当該フォームに入力された値の処理を行うボタンを含む画面を表示する情報処理装置であって、取得したソースコードの中から、フォームに入力された値の処理を行うボタンが押下される場合に入力された値が処理されるフォームを示す関係を取得する取得手段と、前記取得した関係に基づき、前記フォームに入力された値の処理を行うボタンの識別表示子を、前記取得したソースコードに埋め込む識別子埋込手段と、前記取得した関係に従って、前記関係が取得されたフォームに入力された値の処理を行うボタンを、前記関係が取得された値を入力するフォームと共に前記画面内に表示させるように表示制御する表示制御手段と、を備え、前記表示制御する場合に、前記識別子埋込手段によって埋め込まれた前記識別表示子を用いて前記関係が取得された当該フォームに対応するボタンを特定することを特徴とする。 The present invention is an information processing apparatus that displays a screen including a form for entering a value and a button for processing the value entered in the form, and the information processing apparatus displays a form from among the acquired source code. When the processing button is pressed, acquisition means for acquiring a relation indicating the form to be processed when the input value is identified, and identification of the button for processing the value input to the form based on the acquired relation An identifier embedding unit for embedding an indicator in the acquired source code, and a button for processing a value input to the form for which the relationship has been acquired according to the acquired relationship, the value for which the relationship has been acquired and a display control means for display control so as to display on the screen with the form to be input, wherein when the display control, embed by the identifier embedding means It characterized that you identify the buttons corresponding to the form that the relationship is obtained using the identification indicator that is.

本発明により、値を入力するフォームと関係のあるフォームに入力された値の処理を行うボタンが値を入力するフォームと共に表示しきれない場合に対応し、フォームに入力された値の処理を行うボタンの処理が容易に行える仕組みを提供することが可能となる According to the present invention, the button for processing the value input to the form related to the value input form can not be displayed together with the value input form, and the value input to the form is processed. It becomes possible to provide a mechanism that can easily process the button .

本発明の実施形態における、システム構成の一例を示す図である。It is a figure showing an example of system configuration in an embodiment of the present invention. 本発明の実施形態における、情報処理装置とサーバのハードウェア構成の一例を示す図である。It is a figure showing an example of the hardware constitutions of an information processor and a server in an embodiment of the present invention. 本発明の実施形態における、機能構成の一例を示す図である。It is a figure showing an example of functional composition in an embodiment of the present invention. 本発明の実施形態における、コンテンツ表示処理とボタン表示処理の初期表示処理の一例を示すフローチャートである。It is a flow chart which shows an example of initial display processing of contents display processing and button display processing in an embodiment of the present invention. 本発明の実施形態における、コンテンツに対応するボタン処理の対応付けを検証する処理の一例を示すフローチャートである。It is a flow chart which shows an example of processing which verifies correspondence of button processing corresponding to contents in an embodiment of the present invention. 本発明の実施形態における、スクロールが行われた時のコンテンツ表示処理とボタン表示処理の一例を示すフローチャートである。It is a flow chart which shows an example of contents display processing and button display processing when scrolling is performed in an embodiment of the present invention. 本発明の実施形態における、情報処理装置101に表示がされるコンテンツの一例を示す図である。It is a figure which shows an example of the content displayed on the information processing apparatus 101 in embodiment of this invention. 本発明の実施形態における、情報処理装置101に表示がされるコンテンツのソースの一例を示す図である。It is a figure which shows an example of the source of the content displayed on the information processing apparatus 101 in embodiment of this invention. 本発明の実施形態における、フォームとボタンの対応付けを説明するためのテーブルの一例を示す図である。It is a figure which shows an example of the table for demonstrating matching of a form and a button in embodiment of this invention. 本発明の実施形態における、情報処理装置101に表示がされるコンテンツのソースにボタンの識別子を埋め込んだ状態の一例を示す図である。FIG. 10 is a diagram illustrating an example of a state in which an identifier of a button is embedded in a source of content to be displayed on the information processing apparatus 101 according to an embodiment of the present invention. 本発明の実施形態における、情報処理装置101に表示がされるコンテンツのソースの一例を示す図である。It is a figure which shows an example of the source of the content displayed on the information processing apparatus 101 in embodiment of this invention. 本発明の実施形態における、フォームとボタンの対応付けを説明するためのテーブルの一例を示す図である。It is a figure which shows an example of the table for demonstrating matching of a form and a button in embodiment of this invention. 本発明の実施形態における、情報処理装置101に表示がされるコンテンツのソースにボタンの識別子を埋め込んだ状態の一例を示す図である。FIG. 10 is a diagram illustrating an example of a state in which an identifier of a button is embedded in a source of content to be displayed on the information processing apparatus 101 according to an embodiment of the present invention. 本発明の実施形態における、情報処理装置101の表示領域の一番上部に表示がされているフォームに対し、表示の優先度をつけた場合の、テーブルにおける優先度の登録のされ方の一例を示す図である。In the embodiment of the present invention, an example of how priority is registered in the table when the display priority is given to the form displayed at the top of the display area of the information processing apparatus 101 is described. FIG. 本発明の実施形態における、情報処理装置101に表示がされるコンテンツの一例を示す図である。It is a figure which shows an example of the content displayed on the information processing apparatus 101 in embodiment of this invention. 本発明の実施形態における、情報処理装置101においてコンテンツが表示される状況の一例を示す図である。It is a figure which shows an example of the condition where the content is displayed in the information processing apparatus 101 in embodiment of this invention. 本発明の実施形態における、フォーム表示領域に表示されているコンテンツを処理可能なボタンがボタン表示領域に表示されている状態の一例を示す図である。It is a figure which shows an example in the state in which the button which can process the content currently displayed on the form display area in embodiment of this invention is displayed on the button display area. 本発明の実施形態における、表示中のコンテンツのボタン表示領域に表示される全てのボタンの表示方法の一例を説明するための図である。It is a figure for demonstrating an example of the display method of all the buttons displayed on the button display area of the content in display in embodiment of this invention.

図1は、本発明の実施形態におけるシステム構成図の一例を示した図である。   FIG. 1 is a diagram showing an example of a system configuration diagram according to an embodiment of the present invention.

図1に示すように、本実施形態のシステムでは、情報処理装置101は、サーバ103にアクセスし、サーバ103のコンテンツをブラウザ102を介して情報処理装置101に表示する。情報処理装置101は、PCであってもよいし、持ち運び可能な携帯端末であっても良いこととする。なお、情報処理装置101または公衆回線、あるいは、インターネットを経由してサーバ103にアクセスしコンテンツを取得する。   As shown in FIG. 1, in the system of the present embodiment, the information processing apparatus 101 accesses the server 103 and displays the content of the server 103 on the information processing apparatus 101 via the browser 102. The information processing apparatus 101 may be a PC or a portable portable terminal. Note that the server 103 is accessed via the information processing apparatus 101 or the public line or the Internet to acquire content.

次に、図2において、本発明の実施形態におけるハードウェア構成の一例を示す図について説明を行う。   Next, in FIG. 2, a diagram illustrating an example of a hardware configuration according to an embodiment of the present invention will be described.

図2は、本発明の実施形態における情報処理装置101とサーバ103のハードウェア構成を示す図である。   FIG. 2 is a diagram showing a hardware configuration of the information processing apparatus 101 and the server 103 in the embodiment of the present invention.

CPU201は、システムバス204に接続される各デバイスやコントローラを統括的に制御する。   The CPU 201 centrally controls the devices and controllers connected to the system bus 204.

また、R0M202あるいは外部メモリ211には、CPU201の制御プログラムであるBIOS(Basic Input / Output System)やオペレーティングシステムプログラム(以下、OS)や、各サーバ或いは各PCの実行する機能を実現するために必要な後述する各種プログラム等が記憶されている。RAM203は、CPU201の主メモリ、ワークエリア等として機能する。   In addition, R0M 202 or external memory 211 is required to realize the functions of BIOS (Basic Input / Output System) and operating system (OS), which are control programs of CPU 201, and functions executed by each server or each PC. The various programs described later are stored. The RAM 203 functions as a main memory, a work area, and the like of the CPU 201.

CPU201は、処理の実行に際して必要なプログラム等をRAM203にロードして、プログラムを実行することで各種動作を実現するものである。   The CPU 201 loads various programs and the like necessary for execution of processing into the RAM 203 and executes various programs to realize various operations.

また、入力コントローラ(入力C)205は、キーボード209や不図示のマウス等のポインティングデバイスからの入力を制御する。   The input controller (input C) 205 controls input from a keyboard 209 and a pointing device such as a mouse (not shown).

ただし、携帯端末への入力の制御は、ソフトキーボードや、画面に直に接触することによって行う。   However, the control of the input to the portable terminal is performed by touching the soft keyboard or the screen directly.

ビデオコントローラ(VC)206は、CRTディスプレイ(CRT)210等の表示器への表示を制御する。表示器はCRTだけでなく、液晶ディスプレイでも構わない。これらは必要に応じて管理者が使用するものである。本発明には直接関係があるものではない。   A video controller (VC) 206 controls the display on a display such as a CRT display (CRT) 210. The display may be a liquid crystal display as well as a CRT. These are used by the administrator as needed. It is not directly related to the present invention.

メモリコントローラ(MC)207は、ブートプログラム、ブラウザソフトウエア、各種のアプリケーション、フォントデータ、ユーザファイル、編集ファイル、各種データ等を記憶するハードディスク(HD)やフロッピー(登録商標)ディスク(FD)或いはPCMCIAカードスロットにアダプタを介して接続されるコンパクトフラッシュ(登録商標)メモリ等の外部メモリ211へのアクセスを制御する。   A memory controller (MC) 207 is a hard disk (HD) or floppy (registered trademark) disk (FD) or PCMCIA that stores a boot program, browser software, various applications, font data, user files, editing files, various data, etc. It controls access to an external memory 211 such as a Compact Flash (registered trademark) memory connected to a card slot via an adapter.

通信I/Fコントローラ(通信I/FC)208は、ネットワークを介して、外部機器と接続・通信するものであり、ネットワークでの通信制御処理を実行する。例えば、TCP/IPを用いたインターネット通信等が可能である。
また、携帯端末の場合、インターネット通信以外にも、公衆回線を用いて電話としての通信が可能であっても良い。
A communication I / F controller (communication I / FC) 208 connects and communicates with an external device via a network, and executes communication control processing in the network. For example, Internet communication using TCP / IP is possible.
Further, in the case of the portable terminal, communication as a telephone may be possible using a public line other than the Internet communication.

なお、CPU201は、例えばRAM203内の表示情報用領域へアウトラインフォントの展開(ラスタライズ)処理を実行することにより、CRT210上での表示を可能としている。また、CPU201は、CRT210上の不図示のマウスカーソル等でのユーザ指示を可能とする。   The CPU 201 enables display on the CRT 210 by executing, for example, outline font rasterization processing on a display information area in the RAM 203. Further, the CPU 201 enables user's instruction with a mouse cursor (not shown) on the CRT 210 or the like.

本発明を実現するためのプログラムは外部メモリ211に記録されており、必要に応じてRAM203にロードされることによりCPU201によって実行されるものである。   A program for realizing the present invention is stored in the external memory 211, and is executed by the CPU 201 by being loaded into the RAM 203 as necessary.

次に、図3において、本発明の実施形態における機能構成図について説明をする。   Next, in FIG. 3, a functional configuration diagram in the embodiment of the present invention will be described.

本発明の機能構成は、ブラウザ102の各種機能構成より成り立つ。ブラウザ102は、取得部301、フォーム表示部302、特定部303、ボタン表示部304、登録部305、識別子埋込部306、強調表示部307からなる。
取得部301は、表示する前記コンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係を取得する。
フォーム表示部302は、コンテンツが所持するフォームを情報処理装置のフォーム表示領域に表示する。
特定部303は、フォーム表示部302によってフォーム表示領域に表示を行ったフォームに対応するボタンを取得部301で取得した関係より特定する。
また、特定部303で特定するフォーム表示領域に表示を行ったフォームに対応するボタンは、対応テーブルに登録された関係より特定する。
ボタン表示部304は、フォームがブラウザ102において表示された時、特定部303で特定したフォームに対応するボタンを特定部303で特定したフォームを表示するフォーム表示領域とは別の表示領域であるボタン表示領域に表示する。また、ボタン表示部304によりボタン表示領域に表示されたボタンは押下を受け付けると、フォーム表示領域内に表示されるフォームを処理することを可能とする。
登録部305は、取得部301で取得されたコンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係を対応テーブルに登録する。
識別子埋込部306は、取得部301で取得した、表示するコンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係に基づき、フォームに入力された値の処理を行うためのボタンの識別表示子を、ボタンに対応する当該フォームを表示するためのコンテンツのソースコードに埋め込む。
強調表示部307は、ボタン表示領域に表示がされるボタンのうち、フォームの処理に係わるボタンである場合、当該ボタンを強調表示する。
The functional configuration of the present invention is realized by various functional configurations of the browser 102. The browser 102 includes an acquisition unit 301, a form display unit 302, a specification unit 303, a button display unit 304, a registration unit 305, an identifier embedding unit 306, and a highlighting unit 307.
The acquisition unit 301 acquires a relation between a form possessed by the content to be displayed and a button for processing a value input to the form.
The form display unit 302 displays the form possessed by the content in the form display area of the information processing apparatus.
The identifying unit 303 identifies the button corresponding to the form displayed in the form display area by the form display unit 302 from the relationship acquired by the acquiring unit 301.
Further, the button corresponding to the form displayed in the form display area specified by the specifying unit 303 is specified from the relation registered in the correspondence table.
When the form is displayed in the browser 102, the button display unit 304 is a button different from the form display area for displaying the form specified by the specification unit 303 and the button corresponding to the form specified by the specification unit 303. Display in the display area. In addition, when the button displayed in the button display area by the button display unit 304 receives a press, the form displayed in the form display area can be processed.
The registration unit 305 registers in the correspondence table the relationship between the form possessed by the content acquired by the acquisition unit 301 and the button for processing the value input to the form.
The identifier embedding unit 306 processes the value input to the form based on the relationship between the form possessed by the content to be displayed acquired by the acquiring unit 301 and the button for processing the value input to the form. The identification indicator of the button to be performed is embedded in the source code of the content for displaying the form corresponding to the button.
The highlight display unit 307 highlights the button when it is a button related to processing of the form among the buttons displayed in the button display area.

続いて、以下、図4、5、6を用いて、本発明における処理について説明する。   Subsequently, processing in the present invention will be described below with reference to FIGS.

図4は、閲覧者がブラウザを介して情報を得る時の初期表示の処理である。ステップS401において、情報処理装置101は、閲覧者によるコンテンツの閲覧の開始を受けつける。   FIG. 4 is a process of initial display when the browser obtains information via the browser. In step S401, the information processing apparatus 101 receives the start of browsing of content by the browser.

ステップS402において、ブラウザ102は、閲覧者からブラウザ102における情報の閲覧を受け付ける。   In step S402, the browser 102 receives browsing of information in the browser 102 from the browser.

ステップS403において、ブラウザ102は、HTMLコンテンツへアクセスし、情報処理装置101で使用されるブラウザ102で表示する表示ページHTMLとJavaScript(登録商標)を取得する。   In step S403, the browser 102 accesses the HTML content, and acquires the display page HTML and JavaScript (registered trademark) displayed by the browser 102 used by the information processing apparatus 101.

ステップS404において、ブラウザ102は、ブラウザ102で表示するページを構成するフォームがどのボタンによって処理がなされるのかを検証し、フォームとボタンの関連付け(HTMLコンテンツの中のどのボタンが押下された時に、どのフォームが処理されるか)を検証する処理を行う。すなわち、表示する前記コンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係を取得する。なお、この処理は、図5の処理で説明を行う。なお、ここでいうフォームとは、HTMLコンテンツを構成する画面の一部分のことである。   In step S404, the browser 102 verifies which button the form constituting the page to be displayed on the browser 102 is processed by, and associates the form with the button (when any button in the HTML content is pressed, Perform processing to verify which form is processed). That is, the relationship between the form possessed by the content to be displayed and the button for processing the value input to the form is acquired. This process will be described in the process of FIG. In addition, a form here is a part of screen which comprises HTML content.

続いて、ステップS404の処理を、図5を用いて行う。   Subsequently, the process of step S404 is performed using FIG.

ステップS501において、ブラウザ102は、ブラウザ102で表示するページを構成するフォームを参照しているJavaScript(登録商標)関数をHTMLのソースコードより抽出する。つまり、フォームを参照してSubmit等の処理を行うJavaScript(登録商標)の関数をHTMLのソースコードから抽出する。   In step S501, the browser 102 extracts, from HTML source code, a JavaScript (registered trademark) function that refers to a form that configures a page to be displayed by the browser 102. That is, JavaScript (registered trademark) functions that perform processing such as Submit by referring to the form are extracted from the HTML source code.

ステップS502において、ブラウザ102は、ステップS501において、フォームを参照してSubmit等の処理を行っているJavaScript(登録商標)の関数をHTMLのソースコードから抽出できたか否かを判定する。抽出できたと判定した場合ステップS503に処理を進める。抽出できなかったと判定した場合、ステップS505へ処理を進める。   In step S502, the browser 102 determines whether the function of JavaScript (registered trademark) performing processing such as Submit is referenced from the HTML source code with reference to the form in step S501. If it is determined that the extraction has been successful, the process proceeds to step S 503. If it is determined that the extraction can not be performed, the process proceeds to step S505.

図8は、図7に図示する画面のHTMLのソースであり、図8のソースコードによる画面の作成においては、810と、811の部分がフォームを参照してSubmit等の処理を行っているJavaScript(登録商標)の関数であるため、図8のソースコードのパターンの場合は、ステップS502において、フォームを参照してSubmit等の処理を行っているJavaScript(登録商標)の関数が存在したと判定する。つまり、図8の画面の作りは、ユーザ登録のボタン押下時の処理で参照するユーザ登録のフォームは、JavaScript(登録商標)を用いることにより、ユーザ登録のフォームの外から参照されている形式である、ということである。また、Formタグの中にボタンの処理が無いパターンである。   FIG. 8 is a source of HTML of the screen illustrated in FIG. 7, and in the creation of the screen by the source code of FIG. 8, JavaScript in which portions 810 and 811 perform processing such as Submit with reference to the form Since it is a function of (registered trademark), in the case of the pattern of the source code in FIG. 8, it is determined in step S502 that there is a function of JavaScript (registered trademark) that is performing processing such as Submit with reference to the form. Do. That is, in the creation of the screen shown in FIG. 8, the user registration form referred to in the processing when the user registration button is pressed is referred to from the outside of the user registration form by using JavaScript (registered trademark). It means that there is. In addition, it is a pattern without processing of the button in the Form tag.

図11も、同じく図7に図示する画面のHTMLのソースであるが、この図11のソースコードにおいては、HTMLによる画面の作り方が、フォームを参照してSubmit等の処理を行っているJavaScript(登録商標)の関数が存在しない作りであるため、ステップS502においては、フォームを参照してSubmit等の処理を行っているJavaScript(登録商標)の関数が存在しないと判定する。つまり図11は、Formタグの中にボタンの処理が存在する画面の作りである、ということである。   11 is also a source of HTML of the screen illustrated in FIG. 7, but in the source code of FIG. 11, JavaScript (How to create a screen by HTML performs processing such as Submit with reference to a form) Since the function of the registered trademark does not exist, it is determined in step S 502 that there is no function of JavaScript (registered trademark) which is performing processing such as Submit with reference to the form. That is, FIG. 11 shows that it is creation of a screen in which processing of a button exists in the Form tag.

本発明は、この2つの画面の作りを例に挙げながら処理の説明を進める。   The present invention proceeds with the description of the process, taking the creation of these two screens as an example.

ステップS503において、ブラウザ102は、フォームを参照して処理を行っているJavaScript(登録商標)の関数が処理対象としているフォームを特定する。この方法は、実際に処理を行っているJavaScript(登録商標)の関数より処理対象のフォームを特定する。例えば、図8の810からは、820のフォームが特定され、図8の811からは、821のフォームが特定される。   In step S503, the browser 102 specifies a form that is a processing target of a JavaScript (registered trademark) function that is performing processing with reference to the form. In this method, the form to be processed is specified from the JavaScript (registered trademark) function that is actually being processed. For example, from 810 in FIG. 8, the form 820 is identified, and from 811 in FIG. 8, the form 821 is identified.

なお、図7でいうと、820のフォームは、図7、710のユーザ登録のフォームになり、821のフォームは、図7、720のアンケート回答のフォームとなる。また、この対応付けを図9のフォーム情報テーブル901に示すようなテーブルに登録してもよいこととする。   Note that, in FIG. 7, the form 820 is the form for user registration in FIG. 7 and 710, and the form 821 is the form for the questionnaire response in FIG. Further, this correspondence may be registered in a table as shown in the form information table 901 of FIG.

ステップS504において、ブラウザ102は、HTMLのソースから、フォームを参照してSubmit等の処理を行っているJavaScript(登録商標)の関数を呼び出すボタンを特定する。   In step S504, the browser 102 specifies, from the HTML source, a button for calling a JavaScript (registered trademark) function that is performing processing such as Submit with reference to the form.

図8の場合、830のユーザ登録の処理を行うボタンと、831のアンケート回答の処理を行うボタンが抽出される。図7でいうと、830のユーザ登録の処理を行うボタンは、図7の730になり、831のアンケート回答の処理を行うボタンは、図7の740となる。また、この対応付けを図9のボタン情報テーブル902に示すようなテーブルに登録してもよいこととする。   In the case of FIG. 8, a button for performing user registration processing at 830 and a button for processing questionnaire answer at 831 are extracted. Referring to FIG. 7, a button 830 for performing user registration processing is 730 in FIG. 7 and a button for processing 831 questionnaire response is 740 in FIG. Further, this correspondence may be registered in a table as shown in the button information table 902 of FIG.

ステップS505において、ブラウザ102は、ステップS504で特定したボタンと、ステップS503で特定した、ボタンに紐付いて処理されるフォームを関連づけする。すなわち、表示する前記コンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係を取得する。   In step S505, the browser 102 associates the button identified in step S504 with the form identified in step S503 in association with the button. That is, the relationship between the form possessed by the content to be displayed and the button for processing the value input to the form is acquired.

なお、図9のフォーム情報テーブル901と図9のボタン情報テーブル902で登録した情報を基に、図9の903のように、フォームとボタンの対応付けを行ったフォームとボタンの対応テーブル903に対応付けを登録することとする。すなわち、取得されたコンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係を対応テーブルに登録する。   As shown in 903 of FIG. 9, based on the information registered in the form information table 901 of FIG. 9 and the button information table 902 of FIG. 9, the form and button correspondence table 903 in which the form and button are associated. We will register the correspondence. That is, the relationship between the form possessed by the acquired content and the button for processing the value input to the form is registered in the correspondence table.

また、図11の画面ソースの場合は、対応付けについては、ブラウザ102がソースを読み込むことにより、認識することが出来る。例えば、図11のソースコードにおいて、フォームの部分は、図11、1100(ユーザ登録フォーム)と、図11、1110(アンケート回答フォーム)であるが、それに対応するフォームの処理を行うボタンは、1100に対応するのは、1101のユーザ登録のボタン、1110に対応するのは、1111のアンケート回答ボタンということになる。ブラウザ102によって認識された情報については、図12に図示するようにフォームとボタンの対応テーブル1200に対応付けを登録してもよいことにする。すなわち、取得されたコンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係を対応テーブルに登録してもよいことにする。   Further, in the case of the screen source of FIG. 11, the association can be recognized by the browser 102 reading the source. For example, in the source code of FIG. 11, the form parts are shown in FIGS. 11 and 1100 (user registration form) and FIGS. 11 and 1110 (questionnaire answer form), and the button for processing the corresponding form is 1100 Corresponds to the user registration button 1101, and corresponding to 1110 is the questionnaire response button 1111. Regarding the information recognized by the browser 102, the correspondence may be registered in the form / button correspondence table 1200 as illustrated in FIG. That is, the relationship between the form possessed by the acquired content and the button for processing the value input to the form may be registered in the correspondence table.

ステップS506において、ブラウザ102は、ステップS505で関連付けを行ったボタンとフォームの関連をもとに、ブラウザ102が特定したフォーム内に、ボタンとの対応を、識別できるコードを(例えば、図10、または、図13に図示すように)埋め込む。すなわち、表示するコンテンツが所持するフォームとフォームに入力された値の処理を行うためのボタンとの関係に基づき、フォームに入力された値の処理を行うためのボタンの識別表示子を、ボタンに対応するフォームを表示するためのコンテンツのソースコードに埋め込む。このように、フォームの記述の中に、対応するボタンの記述を埋め込むことによって、ブラウザは、表示領域内に表示されているフォームに対応するボタンが何であるかを識別可能になる。   In step S506, the browser 102 identifies codes corresponding to the buttons in the form specified by the browser 102 based on the association between the button and the form associated in step S505 (for example, FIG. 10, Or embedded) as illustrated in FIG. That is, based on the relationship between the form possessed by the content to be displayed and the button for processing the value input to the form, the button identification indicator for processing the value input to the form is a button Embed in the source code of the content to display the corresponding form. Thus, by embedding the description of the corresponding button in the description of the form, the browser can identify what the button corresponding to the form displayed in the display area is.

例えば、図8のソースコード場合は、図10の1001と1002に図示するように、ユーザ登録のフォームに対しては、<!−−TARGET_BUTTON:memberRegist−−>という識別子をソースコードの中に入れ(図10の1001)、アンケート回答のフォームに対しては、<!−−TARGET_BUTTON:QuestionEntry−−>という識別子をソースコードの中に入れる(図10の1002)ことを行う。   For example, in the case of the source code of FIG. 8, as illustrated in 1001 and 1002 of FIG. -TARGET_BUTTON: The identifier "memberRegist-->" is inserted in the source code (1001 in FIG. 10), and for the questionnaire response form, <! -TARGET _ BUTTON: Question Entry ---> Insert an identifier into the source code (1002 in FIG. 10).

また、図11のソースコードの場合は、図13の1301と1302に図示するように、ユーザ登録のフォームに対しては、<!−−TARGET_BUTTON:memberRegist−−>という識別子をソースコードの中に入れ(図13の1301)、アンケート回答のフォームに対しては、<!−−TARGET_BUTTON:QuestionEntry−−>という識別子をソースコードの中に入れる(図13の1302)ことを行う。   Further, in the case of the source code of FIG. 11, as illustrated in 1301 and 1302 of FIG. -TARGET_BUTTON: The identifier "memberRegist-->" is inserted in the source code (1301 in FIG. 13), and for the questionnaire response form, <! -TARGET _ BUTTON: Question Entry ---> An identifier is inserted into the source code (1302 in FIG. 13).

なお、ここでは、フォーム内に識別できるようにする識別子を埋め込んでいるが、ステップS505でフォームとボタンの対応付けを記憶したテーブルである、フォームとボタンの対応テーブル903や、フォームとボタンの対応テーブル1200を利用して、フォーム表示領域に表示されるフォームに基づき、ボタン表示領域に表示されるボタンを特定することも可能するため、識別子自体は組み込まなくても良いこととする。   In this case, although an identifier for identifying the form is embedded in the form, the form-button correspondence table 903 which is a table storing the correspondence between the form and the button in step S505, and the correspondence between the form and the button Since it is possible to specify the button displayed in the button display area based on the form displayed in the form display area using the table 1200, the identifier itself may not be incorporated.

続いて図4の処理に戻り説明を続ける。ステップS405において、ブラウザ102は、情報処理装置101のブラウザ102に表示がされるHTMLコンテンツの中のボタンを抽出する。例えば、図8の場合、ボタンは803と831の2つが抽出される。図11の場合ボタンは1101と1111の2つが抽出される。なお、ここにおける抽出とは、ボタンのみを表示画面の下部に表示するための、ボタン表示領域において表示を行うボタンを抽出しているということになる。   Subsequently, the process returns to FIG. 4 and continues the description. In step S405, the browser 102 extracts a button in the HTML content to be displayed on the browser 102 of the information processing apparatus 101. For example, in the case of FIG. 8, two buttons 803 and 831 are extracted. In the case of FIG. 11, two buttons 1101 and 1111 are extracted. Note that the extraction here means that a button to be displayed in the button display area for displaying only the button at the lower part of the display screen is extracted.

ステップS406において、ブラウザ102は、フォームに対応するボタンのみに対し、強調表示を行う処理を行う。この処理によって、ボタンを表示する領域においてフォームに関連付くボタンのみを認識可能にすることが可能になる。なお、フォームに対応するボタンは、ステップS404の処理で取得済みであるのでその情報を使って強調表示を行う。すなわち、ボタン表示領域に表示がされるボタンのうち、フォームの処理に係わるボタンである場合、当該ボタンを強調表示する。   In step S406, the browser 102 performs a process of highlighting only the button corresponding to the form. This process makes it possible to recognize only the button associated with the form in the area displaying the button. In addition, since the button corresponding to the form has already been acquired in the process of step S404, highlighting is performed using the information. That is, among the buttons displayed in the button display area, if the button relates to processing of a form, the button is highlighted.

ステップS407において、ブラウザ102は、情報処理装置101のフォームの表示領域において表示を行うフォームの表示画面を、ブラウザ102を介して、情報処理装置101の表示画面上で表示する。すなわち、コンテンツが所持するフォームを情報処理装置101のフォーム表示領域に表示する。   In step S <b> 407, the browser 102 displays the display screen of the form to be displayed in the display area of the form of the information processing apparatus 101 on the display screen of the information processing apparatus 101 via the browser 102. That is, the form possessed by the content is displayed in the form display area of the information processing apparatus 101.

ステップS408において、ブラウザ102は、情報処理装置101のHTMLコンテンツに存在するボタン(ステップS405で抽出したボタン)を表示するボタン表示領域の画面を生成し、ブラウザ102を介して、情報処理装置101のボタン表示領域において表示する。すなわち、ボタン表示領域は、コンテンツの処理に係わる全てのボタンを集約して表示する。つまり、コンテンツの中のフォームに関連するボタン、フォームに関連しないボタン(例えば、フォームの処理を行わない戻るボタン等)の全てを表示する。なお、ボタン表示領域に配置されるボタンは、フォーム表示領域に存在する(同じ処理の)ボタンを押下したのと同様の動きをするボタンである。すなわち、ボタン表示領域に表示されたボタンの押下を受け付けると、フォーム表示領域に表示されるフォームを処理することを可能とする。   In step S408, the browser 102 generates a screen of a button display area for displaying a button (the button extracted in step S405) present in the HTML content of the information processing apparatus 101, and transmits the screen of the information processing apparatus 101 via the browser 102. Display in the button display area. That is, the button display area collectively displays all the buttons related to the processing of the content. In other words, all the buttons related to the form in the content and the buttons not related to the form (for example, the back button not processing the form) are displayed. The button arranged in the button display area is a button that moves in the same manner as pressing the button (of the same process) present in the form display area. That is, when pressing of the button displayed in the button display area is received, it is possible to process the form displayed in the form display area.

図6は、ブラウザに表示されているHTMLの表示画面がユーザによってスクロールされた場合に、フォーム表示領域の一番上に表示されるHTMLの画面のフォームに対応する、ボタンをボタン表示領域に表示するための処理である。   FIG. 6 shows a button corresponding to the form of the HTML screen displayed at the top of the form display area when the HTML display screen displayed in the browser is scrolled by the user. It is processing to do.

ステップS601において、ブラウザ102は、ユーザから、情報処理装置101のブラウザ102を介しての、サーバ103から取得済みのコンンテンツの閲覧の開始を受けつける。   In step S601, the browser 102 receives, from the user, the start of browsing of the content already acquired from the server 103 via the browser 102 of the information processing apparatus 101.

ステップS602において、ブラウザ102は、ユーザによる、ブラウザ102を介して情報処理装置101に表示がされる画面へのスクロールの操作が終了したか否かを判定する。すなわち、コンテンツが所持するフォームを情報処理装置101のフォーム表示領域に表示するスクロールの操作が終了したか否かを判定する。ステップS602で終了していないと判定した場合は、ブラウザ102は、ステップS602の処理を繰り返す。ステップS602で終了したと判定した場合は、ブラウザ102は、ステップS603へ処理を進める。   In step S602, the browser 102 determines whether the user's operation of scrolling the screen displayed on the information processing apparatus 101 via the browser 102 has ended. That is, it is determined whether or not the scroll operation for displaying the form possessed by the content in the form display area of the information processing apparatus 101 has ended. If it is determined in step S602 that the process has not ended, the browser 102 repeats the process of step S602. If it is determined in step S602 that the process has ended, the browser 102 advances the process to step S603.

ステップS603において、ブラウザ102は、情報処理装置101に表示されるフォームを識別する。   In step S603, the browser 102 identifies a form to be displayed on the information processing apparatus 101.

ステップS604において、ブラウザ102は、情報処理装置101に表示する画面においてフォームの変更があるか否かを判定する。ブラウザ102は、ステップS604において、変更が無いと判定した場合、本処理を終了し、変更が有ると判定した場合、ステップS605に処理を進める。   In step S 604, the browser 102 determines whether there is a change in the form on the screen displayed on the information processing apparatus 101. If the browser 102 determines in step S604 that there is no change, the process ends. If the browser 102 determines that there is a change, the process advances to step S605.

ステップS605において、ブラウザ102は、情報処理装置101に表示するコンテンツにおいてフォームの数が複数存在するか否かを判定する。ステップS605において、複数あると判定した場合、ステップS606に処理を進め、複数存在しない(単数フォームのみ存在)と判定した場合、ステップS607に処理を進める。   In step S605, the browser 102 determines whether there is a plurality of forms in the content to be displayed on the information processing apparatus 101. If it is determined in step S605 that there is more than one, the process proceeds to step S606, and if it is determined that there is not more than one (only a single form exists), the process proceeds to step S607.

ステップS606において、ブラウザ102はブラウザ102内の一番上に表示がされているフォームに対し、優先度を付与する。イメージとしては、図14に示す通りである。優先度は、画面の上部から表示される順番に優先度を付与していく。例えば、優先度管理テーブル1400に図示するように、QuestionEntry(アンケート回答)のフォームが情報処理装置101のブラウザ102の一番上部に表示がされている場合、このフォームに対して優先度が1というようにつけられている。なお、メモリー上にこの対応付けをもたせても良いこととする。   In step S606, the browser 102 gives priority to the form displayed at the top in the browser 102. The image is as shown in FIG. The priority is given in the order of display from the top of the screen. For example, as illustrated in the priority management table 1400, when the form of QuestionEntry (question answer) is displayed at the top of the browser 102 of the information processing apparatus 101, the priority is 1 for this form. It is attached as follows. Note that this correspondence may be given on the memory.

ステップS607において、ブラウザ102は、フォーム表示領域に表示されている、一番高い優先度が付与されているフォームに対応するボタンを、ステップS404の処理で取得したフォームに対応するボタンの情報より取得する。すなわち、フォーム表示領域に表示を行ったフォームに対応するボタンを取得したフォームとボタンの関係より特定する。また、フォーム表示領域に表示を行ったフォームに対応するボタンは、対応テーブルに登録された関係より特定する。または、フォーム表示領域に表示を行ったフォームに対応するボタンは、埋め込まれた識別表示子によって特定する。   In step S 607, the browser 102 acquires a button corresponding to the form given the highest priority, displayed in the form display area, from the information of the button corresponding to the form acquired in the process of step S 404. Do. That is, the button corresponding to the form displayed in the form display area is specified from the relationship between the acquired form and the button. Further, the button corresponding to the form displayed in the form display area is specified from the relation registered in the correspondence table. Alternatively, the button corresponding to the form displayed in the form display area is identified by the embedded identification indicator.

ステップS608において、ブラウザ102は、フォーム表示領域に表示されているフォームに対応するボタンを、ステップS404の処理で取得したフォームに対応するボタンの情報より取得する。すなわち、フォーム表示領域に表示を行ったフォームに対応するボタンを取得したフォームとボタンの関係より特定する。また、フォーム表示領域に表示を行ったフォームに対応するボタンは、対応テーブルに登録された関係より特定する。または、フォーム表示領域に表示を行ったフォームに対応するボタンは、埋め込まれた識別表示子によって特定する。   In step S608, the browser 102 acquires a button corresponding to the form displayed in the form display area from the information of the button corresponding to the form acquired in the process of step S404. That is, the button corresponding to the form displayed in the form display area is specified from the relationship between the acquired form and the button. Further, the button corresponding to the form displayed in the form display area is specified from the relation registered in the correspondence table. Alternatively, the button corresponding to the form displayed in the form display area is identified by the embedded identification indicator.

ステップS609では情報処理装置101のブラウザ102のフォーム表示領域に対応するボタンをボタン表示領域において表示をするべく、ボタン表示領域においてスクロールを行う。すなわち、フォームがブラウザ102において表示された時、フォームに対応するボタンを、フォームを表示するフォーム表示領域とは別の表示領域であるボタン表示領域に表示する。なお、ボタン表示領域に配置されるボタンは、フォーム表示領域に存在する(同じ処理の)ボタンを押下したのと同様の動きをするボタンである。すなわち、ボタン表示領域に表示されたボタンの押下を受け付けると、フォーム表示領域に表示されるフォームを処理することを可能とする。   In step S609, the button display area is scrolled to display a button corresponding to the form display area of the browser 102 of the information processing apparatus 101 in the button display area. That is, when the form is displayed in the browser 102, the button corresponding to the form is displayed in the button display area which is a display area different from the form display area for displaying the form. The button arranged in the button display area is a button that moves in the same manner as pressing the button (of the same process) present in the form display area. That is, when pressing of the button displayed in the button display area is received, it is possible to process the form displayed in the form display area.

この方法は、ブラウザ102が、ブラウザ102の一番上部に表示を行っているフォームを検知する。続いて、そのフォームのソースにステップS506で組み込んだ、フォーム表示領域のHTMLのボタンの識別子であるコントロールID(name=の右辺に表示のコントロールIDの部分)、あるいは、フォームとボタンの対応テーブル903、または、フォームとボタンの対応テーブル1200から読み込んだフォームに対応するボタンの情報を検知する。次に、検知したボタンの情報を基に、そのボタンの情報と同じ機能を持つボタンをボタン表示領域の一番上の部分に表示するようにする。   In this method, the browser 102 detects a form being displayed at the top of the browser 102. Subsequently, the control ID (the part of the control ID displayed on the right side of the name =), which is the identifier of the HTML button of the form display area, incorporated in the source of the form in step S506, or Or, the information of the button corresponding to the form read from the correspondence table 1200 of the form and the button is detected. Next, based on the detected button information, a button having the same function as that of the button information is displayed at the top of the button display area.

続いて、図15、図16、図17、図18を用いて、情報処理装置101におけるフォーム表示領域に表示がされるコンテンツと、ボタン表示領域に表示がされるコンテンツを処理可能な機能ボタンの表示の一例について説明を行う。   Subsequently, contents displayed in the form display area of the information processing apparatus 101 and contents displayed in the button display area can be processed using FIGS. 15, 16, 17, and 18. An example of the display will be described.

例えば、コンテンツの構成として、図15に図示するコンテンツが存在したとする。このコンテンツは、名前、カナ、その他電話番号等を入力して、内容確認を行い、会員登録を行うことができるコンテンツである。   For example, it is assumed that the content illustrated in FIG. 15 exists as the configuration of the content. This content is a content that can be registered by entering a name, kana, other telephone numbers, etc., and performing content confirmation.

このコンテンツを、例えば、携帯端末のような表示領域の狭い画面のブラウザにおいて表示したとすると、図16の点線で示した箇所のみしか表示が出来ず、名前、カナ等を入力した後に押下する内容確認や会員登録の機能ボタンを一画面で表示することが出来ない。   For example, if this content is displayed on a browser with a narrow display area such as a portable terminal, only the part shown by the dotted line in FIG. 16 can be displayed, and the content to be pressed after inputting a name, kana, etc. It is not possible to display the confirmation or member registration function button on one screen.

しかし、本発明を適応することによって、図17に図示するように、コンテンツにおいて、入力を行う項目を保持する部分をフォーム表示領域1700に表示し、フォーム表示領域1700で表示されているコンテンツの処理を行う機能ボタンをボタン表示領域1710に表示することによって、機能ボタンを探すことなく入力した値の処理を行うことが出来る。   However, by applying the present invention, as shown in FIG. 17, in the content, the part holding the item to be input is displayed in the form display area 1700, and the processing of the content displayed in the form display area 1700 is performed. By displaying the function button to perform in the button display area 1710, it is possible to process the input value without searching for the function button.

なお、ボタン表示領域に表示がされるボタンは、図17のフォーム表示領域に表示がされるコンテンツの処理を行うことを可能とする機能ボタンのみを表示しているのではなく、コンテンツ内の全てのボタンを表示することとする。   Note that the buttons displayed in the button display area do not display only function buttons that enable processing of the content displayed in the form display area of FIG. We will display the button.

例えば図18に図示するように、1810は、図17のボタン表示領域で表示がされる状況を示す図であるが、実際、スクロール部分(1811)をスクロールしていくと、図18の1820に図示するボタンが表示されることとなる。例えば、保存、更新、削除、戻るという機能ボタンが存在するが、これらのボタンは、表示コンテンツにおける機能ボタンの全てである。なお、機能ボタンと結びつくコンテンツの部分(これをフォームという)が、フォーム表示領域で表示がされた場合、そのフォームに関連して処理を行う機能ボタンがボタン表示領域に識別可能に表示されるということである。つまり、図17のフォーム表示領域1700で表示がされている場合は、図18の1821の部分がボタン表示領域に表示が行われるということである。   For example, as illustrated in FIG. 18, 1810 is a view showing a state in which display is performed in the button display area of FIG. 17. However, when the scroll portion (1811) is actually scrolled, 1820 in FIG. The illustrated button will be displayed. For example, there are function buttons for saving, updating, deleting and returning, but these buttons are all of the function buttons in the display content. In addition, when the portion of the content connected to the function button (this is called a form) is displayed in the form display area, the function button that performs processing in relation to the form is displayed identifiably in the button display area. It is. That is, when displayed in the form display area 1700 of FIG. 17, the portion 1821 of FIG. 18 is displayed in the button display area.

以上の処理により、情報処理装置のブラウザにおいて表示状態となっている処理フォームを処理する機能ボタンを、処理フォームとは別の領域において操作可能に表示することが可能となる。   By the above processing, it is possible to display the function button for processing the processing form which is in the display state in the browser of the information processing apparatus in an operable manner in the area different from the processing form.

この処理により、コンテンツの表示領域とそれを処理する機能ボタンが、情報処理装置のブラウザで一度に表示可能な領域より大きな表示領域で構成されていたとしても、情報処理装置で閲覧しているコンテンツを処理可能な機能ボタンがコンテンツの表示領域とは別領域に常に表示がされるため、機能ボタンを探すためのスクロール操作を行うことなくコンテンツに対する処理を行うことが可能となる。   By this processing, even if the display area of the content and the function button for processing the content are configured with a display area larger than the area that can be displayed at one time by the browser of the information processing apparatus, the content browsed by the information processing apparatus Since the function button capable of processing is always displayed in an area different from the display area of the content, it is possible to process the content without performing the scroll operation for searching for the function button.

例えば、コンテンツの項目において入力を行って機能ボタンによりその内容を登録するという処理において、項目の一部分を修正した場合に、その項目と修正を反映させる機能ボタンが情報処理装置のコンテンツを表示する領域でコンテンツと一緒に一度に表示されない場合でも、ボタン表示領域に修正を反映させる機能ボタンを表示するので、修正を行った後直ぐに機能ボタンを押下して修正を反映させることが出来るということである。   For example, in the process of inputting in the item of content and registering the content by the function button, when a part of the item is corrected, the area in which the function button for reflecting the item and the correction displays the content of the information processing apparatus Even if the content is not displayed together with the content, the function display for reflecting the correction is displayed in the button display area, so it is possible to reflect the correction immediately after the correction. .

以上、1実施形態について示したが、本発明は、例えば、システム、装置、方法、プログラムもしくは記録媒体等としての実施態様をとることが可能である。具体的には、複数の機器から構成されるシステムに適用しても良いし、また、一つの機器からなる装置に適用しても良い。   Although one embodiment has been described above, the present invention can be embodied as, for example, a system, an apparatus, a method, a program, or a recording medium. Specifically, the present invention may be applied to a system constituted by a plurality of devices, or may be applied to an apparatus comprising a single device.

また、本発明におけるプログラムは、図4、図5、図6に示すフローチャートの処理方法をコンピュータが実行可能なプログラムであり、本発明の記憶媒体は図4、図5、図6の処理方法をコンピュータが実行可能なプログラムが記憶されている。なお、本発明におけるプログラムは図4、図5、図6の各装置の処理方法ごとのプログラムであってもよい。   Further, the program in the present invention is a program capable of executing the processing method of the flowcharts shown in FIG. 4, FIG. 5, and FIG. 6 by a computer, and the storage medium of the present invention has the processing methods shown in FIG. A computer-executable program is stored. The program in the present invention may be a program for each processing method of each device in FIG. 4, FIG. 5, and FIG.

以上のように、前述した実施形態の機能を実現するプログラムを記録した記録媒体を、システムあるいは装置に供給し、そのシステムあるいは装置のコンピュータ(またはCPUやMPU)が記録媒体に格納されたプログラムを読み出し実行することによっても、本発明の目的が達成されることは言うまでもない。   As described above, the recording medium recording the program for realizing the functions of the above-described embodiments is supplied to the system or apparatus, and the computer (or CPU or MPU) of the system or apparatus stores the program stored in the recording medium. It goes without saying that the object of the present invention can also be achieved by performing reading.

この場合、記録媒体から読み出されたプログラム自体が本発明の新規な機能を実現することになり、そのプログラムを記憶した記録媒体は本発明を構成することになる。   In this case, the program itself read out from the recording medium realizes the novel function of the present invention, and the recording medium storing the program constitutes the present invention.

プログラムを供給するための記録媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、CD−ROM、CD−R、DVD−ROM、磁気テープ、不揮発性のメモリカード、ROM、EEPROM、シリコンディスク、ソリッドステートドライブ等を用いることができる。   As a recording medium for supplying the program, for example, a flexible disk, hard disk, optical disk, magneto-optical disk, CD-ROM, CD-R, DVD-ROM, magnetic tape, non-volatile memory card, ROM, EEPROM, silicon Disks, solid state drives, etc. can be used.

また、コンピュータが読み出したプログラムを実行することにより、前述した実施形態の機能が実現されるだけでなく、そのプログラムの指示に基づき、コンピュータ上で稼働しているOS(オペレーティングシステム)等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。   Further, by executing the program read by the computer, not only the functions of the above-described embodiment are realized, but also an operating system (OS) or the like running on the computer is actually executed based on the instructions of the program. It goes without saying that the processing is partially or entirely performed, and the processing realizes the functions of the above-described embodiments.

さらに、記録媒体から読み出されたプログラムが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書き込まれた後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるCPU等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。   Furthermore, after the program read from the recording medium is written to the memory provided to the function expansion board inserted into the computer or the function expansion unit connected to the computer, the function expansion board is read based on the instruction of the program code. It goes without saying that the case where the CPU or the like provided in the function expansion unit performs part or all of the actual processing and the functions of the above-described embodiment are realized by the processing.

また、本発明は、複数の機器から構成されるシステムに適用しても、1つの機器からなる装置に適用してもよい。また、本発明は、システムあるいは装置にプログラムを供給することによって達成される場合にも適応できることは言うまでもない。この場合、本発明を達成するためのプログラムを格納した記録媒体を該システムあるいは装置に読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。   Further, the present invention may be applied to a system constituted by a plurality of devices or to an apparatus comprising a single device. It goes without saying that the present invention can also be applied to the case where it is achieved by supplying a program to a system or apparatus. In this case, by reading a recording medium storing a program for achieving the present invention into the system or apparatus, the system or apparatus can receive the effects of the present invention.

さらに、本発明を達成するためのプログラムをネットワーク上のサーバ、データベース等から通信プログラムによりダウンロードして読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。   Further, by downloading and reading out a program for achieving the present invention from a server on a network, a database or the like by a communication program, the system or apparatus can receive the effects of the present invention.

なお、上述した各実施形態およびその変形例を組み合わせた構成も全て本発明に含まれるものである。   In addition, the structure which combined each embodiment mentioned above and its modification is also contained in this invention altogether.

100 ネットワーク
101 クライアント端末
102 クライアント端末
103 ワークフローサーバ
104 メールサーバ
105 管理端末
201 CPU
202 R0M
203 RAM
204 システムバス
205 入力コントローラ
206 出力コントローラ
207 外部メモリコントローラ
208 通信I/Fコントローラ
209 入力部
210 出力部
211 外部メモリ
212 プログラム
100 Network 101 Client Terminal 102 Client Terminal 103 Workflow Server 104 Mail Server 105 Management Terminal 201 CPU
202 R0M
203 RAM
204 system bus 205 input controller 206 output controller 207 external memory controller 208 communication I / F controller 209 input unit 210 output unit 211 external memory 212 program

Claims (5)

値を入力するフォーム及び当該フォームに入力された値の処理を行うボタンを含む画面を表示する情報処理装置であって、
取得したソースコードの中から、フォームに入力された値の処理を行うボタンが押下される場合に入力された値が処理されるフォームを示す関係を取得する取得手段と、
前記取得した関係に基づき、前記フォームに入力された値の処理を行うボタンの識別表示子を、前記取得したソースコードに埋め込む識別子埋込手段と、
前記取得した関係に従って、前記関係が取得されたフォームに入力された値の処理を行うボタンを、前記関係が取得された値を入力するフォームと共に前記画面内に表示させるように表示制御する表示制御手段と、
を備え
前記表示制御する場合に、前記識別子埋込手段によって埋め込まれた前記識別表示子を用いて前記関係が取得された当該フォームに対応するボタンを特定することを特徴とする情報処理装置。
An information processing apparatus for displaying a screen including a form for entering a value and a button for processing the value entered in the form,
An acquiring unit that acquires, from among the acquired source code, a relation indicating a form to be processed when the button for processing the value input to the form is pressed;
An identifier embedding unit that embeds in the acquired source code an identification indicator of a button that processes a value input to the form based on the acquired relationship;
Display control for displaying a button for processing a value input to a form for which the relation has been acquired according to the acquired relation to be displayed on the screen together with a form for inputting the value for which the relation is acquired Means,
Equipped with
The display in the case of controlling an information processing apparatus characterized that you identify the buttons corresponding to the form that the relationship is obtained using the identification indicator embedded by the identifier embedding means.
前記値を入力するフォーム及び当該フォームに入力された値の処理を行うボタンを含む画面が所定範囲の表示領域を有する端末の画面のブラウザで表示されたと判断された場合に、前記取得した関係に従って、前記表示制御手段が、前記関係が取得されたフォームに入力された値の処理を行うボタンを、前記関係が取得された値を入力するフォームと共に前記画面内に表示させる画面を生成して表示制御することを特徴とする請求項1に記載の情報処理装置。   When it is determined that the screen including the form for inputting the value and the button for processing the value input to the form is displayed by the browser of the screen of the terminal having the display area of the predetermined range, the acquired relationship The display control means generates a screen for displaying a button for processing a value input to the form for which the relationship has been acquired, together with a form for inputting the value for which the relationship is acquired, and displaying the screen The information processing apparatus according to claim 1, wherein the control is performed. 前記値を入力するフォームが前記画面内に表示される場合に、前記表示制御手段が、前記画面を生成して表示制御することを特徴とする請求項2に記載の情報処理装置。   3. The information processing apparatus according to claim 2, wherein when the form for inputting the value is displayed in the screen, the display control unit generates the screen and performs display control. 値を入力するフォーム及び当該フォームに入力された値の処理を行うボタンを含む画面を表示する情報処理装置の制御方法であって、
前記情報処理装置の取得手段が、取得したソースコードの中から、フォームに入力された値の処理を行うボタンが押下される場合に入力された値が処理されるフォームを示す関係を取得する取得工程と、
前記情報処理装置の識別子埋込手段が、前記取得した関係に基づき、前記フォームに入力された値の処理を行うボタンの識別表示子を、前記取得したソースコードに埋め込む識別子埋込工程と、
前記情報処理装置の表示制御手段が、前記取得した関係に従って、前記関係が取得されたフォームに入力された値の処理を行うボタンを、前記関係が取得された値を入力するフォームと共に前記画面内に表示させるように表示制御する表示制御工程と、
を含み、
前記表示制御する場合に、前記識別子埋込工程によって埋め込まれた前記識別表示子を用いて前記関係が取得された当該フォームに対応するボタンを特定することを特徴とする制御方法。
A control method of an information processing apparatus displaying a screen including a form for entering a value and a button for processing the value entered in the form,
The acquiring unit of the information processing apparatus acquires a relation indicating a form to be processed when the button for processing the value input to the form is pressed out of the acquired source code Process,
An identifier embedding step of embedding, in the acquired source code, an identification indicator of a button for processing a value input to the form based on the acquired relationship, and the identifier embedding unit of the information processing apparatus;
The display control means of the information processing apparatus performs, according to the acquired relationship, a button for processing a value input to the form for which the relationship has been acquired, and a form for inputting the value for which the relationship is acquired. A display control step of performing display control so as to be displayed on the
Including
The method wherein when the display control, characterized that you identify the buttons corresponding to the form that the relationship is obtained using the identification indicator embedded by said identifier embedded process.
値を入力するフォーム及び当該フォームに入力された値の処理を行うボタンを含む画面を表示する情報処理装置で読み取り実行可能なプログラムであって、
前記情報処理装置を、
取得したソースコードの中から、フォームに入力された値の処理を行うボタンが押下される場合に入力された値が処理されるフォームを示す関係を取得する取得手段と、
前記情報処理装置の識別子埋込手段が、前記取得した関係に基づき、前記フォームに入力された値の処理を行うボタンの識別表示子を、前記取得したソースコードに埋め込む識別子埋込工程と、
前記取得した関係に従って、前記関係が取得されたフォームに入力された値の処理を行うボタンを、前記関係が取得された値を入力するフォームと共に前記画面内に表示させるように表示制御する表示制御手段と、
して機能させ、
前記表示制御する場合に、前記識別子埋込工程によって埋め込まれた前記識別表示子を用いて前記関係が取得された当該フォームに対応するボタンを特定するためのプログラム。
A program readable and executable by an information processing apparatus for displaying a screen including a form for entering a value and a button for processing the value entered in the form,
The information processing apparatus
An acquiring unit that acquires, from among the acquired source code, a relation indicating a form to be processed when the button for processing the value input to the form is pressed;
An identifier embedding step of embedding, in the acquired source code, an identification indicator of a button for processing a value input to the form based on the acquired relationship, and the identifier embedding unit of the information processing apparatus;
Display control for displaying a button for processing a value input to a form for which the relation has been acquired according to the acquired relation to be displayed on the screen together with a form for inputting the value for which the relation is acquired Means,
Make it work,
Wherein when the display control, the identifier embedded process specific to order the program the button corresponding to the form that the relationship is obtained using the identification indicator embedded by.
JP2014221322A 2014-10-30 2014-10-30 Information processing apparatus, control method and program thereof Active JP6536007B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2014221322A JP6536007B2 (en) 2014-10-30 2014-10-30 Information processing apparatus, control method and program thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2014221322A JP6536007B2 (en) 2014-10-30 2014-10-30 Information processing apparatus, control method and program thereof

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2019105897A Division JP2019153345A (en) 2019-06-06 2019-06-06 Browser, control method of browser, and program

Publications (3)

Publication Number Publication Date
JP2016091092A JP2016091092A (en) 2016-05-23
JP2016091092A5 JP2016091092A5 (en) 2017-12-14
JP6536007B2 true JP6536007B2 (en) 2019-07-03

Family

ID=56019213

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2014221322A Active JP6536007B2 (en) 2014-10-30 2014-10-30 Information processing apparatus, control method and program thereof

Country Status (1)

Country Link
JP (1) JP6536007B2 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7154982B2 (en) * 2018-12-06 2022-10-18 キヤノン株式会社 Information processing device, control method, and program
JP7222139B1 (en) 2022-08-01 2023-02-14 NEUSOFT Japan株式会社 Processing device, processing program and processing method

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002108756A (en) * 2000-09-28 2002-04-12 Hitachi Ltd User interface integrating method
JP2003108361A (en) * 2001-09-28 2003-04-11 Fujitsu Ltd Display processing device, program and medium
JP2004206421A (en) * 2002-12-25 2004-07-22 Hitachi Ltd Integrated execution device and method for www application
EP1775661A1 (en) * 2005-10-14 2007-04-18 Research In Motion Limited Displaying using graphics display language and native UI objects
JP5482614B2 (en) * 2010-10-08 2014-05-07 キヤノンマーケティングジャパン株式会社 Information processing system, information processing apparatus, server apparatus, information processing method, and computer program
JP5795869B2 (en) * 2011-04-04 2015-10-14 シャープ株式会社 Intent confirmation system and method

Also Published As

Publication number Publication date
JP2016091092A (en) 2016-05-23

Similar Documents

Publication Publication Date Title
RU2603527C2 (en) Method and device for units control in portable terminal clipboard
US10795633B2 (en) Desktop sharing method and mobile terminal
TWI566164B (en) A method, a systme for moving application functional interface, and a terminal device using the same
JP6602190B2 (en) Software development program and software development method
JP6536007B2 (en) Information processing apparatus, control method and program thereof
KR20180020381A (en) Electronic apparatus and controlling method thereof
JP6528400B2 (en) INFORMATION PROCESSING APPARATUS, INFORMATION PROCESSING SYSTEM, CONTROL METHOD OF INFORMATION PROCESSING APPARATUS, AND PROGRAM
JP2023054082A (en) Program, information processing apparatus, and processing method thereof
JP6570436B2 (en) Software development program and software development method
KR20150130800A (en) user terminal device for supporting data share function and methods thereof
JP2017204311A (en) Information processing device, document management system, document management server, information processing method, and program therefor
JP2019153345A (en) Browser, control method of browser, and program
JP6729166B2 (en) Information processing device and program
JP2015118597A (en) Information processing apparatus, information processing method, and program
JP7231812B2 (en) Information processing system, processing method and program
JP2017188154A (en) Information processing system, terminal equipment, program, and image application method
JP6286949B2 (en) Document browsing system, document browsing apparatus, control method, and program.
JP2018205825A (en) Workflow server, information processing method, and program
JP6172245B2 (en) Information processing system, terminal device, program, and image providing method
JP2020107020A (en) Program, information processor, and processing method
US20140157146A1 (en) Method for retrieving file and electronic device thereof
JP6206463B2 (en) Information processing apparatus, control method and program thereof, and information processing system, control method and program thereof
JP2017010101A (en) Page recording and task management device and object management device
JP6203613B2 (en) Information processing apparatus, form management system, form management apparatus, information processing method, and program thereof
JP6492465B2 (en) Information processing apparatus, control method thereof, and program

Legal Events

Date Code Title Description
RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20161101

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20161101

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20171013

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20171013

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20171025

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20180627

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20180703

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20180710

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20180906

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20181031

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20190111

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190226

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190418

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20190520

R151 Written notification of patent or utility model registration

Ref document number: 6536007

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R151

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

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

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250