JP5427931B2 - Form server device, control method for form server device, and control program for form server device - Google Patents

Form server device, control method for form server device, and control program for form server device Download PDF

Info

Publication number
JP5427931B2
JP5427931B2 JP2012180423A JP2012180423A JP5427931B2 JP 5427931 B2 JP5427931 B2 JP 5427931B2 JP 2012180423 A JP2012180423 A JP 2012180423A JP 2012180423 A JP2012180423 A JP 2012180423A JP 5427931 B2 JP5427931 B2 JP 5427931B2
Authority
JP
Japan
Prior art keywords
vector
conversion program
definition data
data
form definition
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
JP2012180423A
Other languages
Japanese (ja)
Other versions
JP2012216245A (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.)
NTT Data Corp
Original Assignee
NTT Data Corp
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 NTT Data Corp filed Critical NTT Data Corp
Priority to JP2012180423A priority Critical patent/JP5427931B2/en
Publication of JP2012216245A publication Critical patent/JP2012216245A/en
Application granted granted Critical
Publication of JP5427931B2 publication Critical patent/JP5427931B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Description

本発明は、帳票データを処理する技術に関する。   The present invention relates to a technique for processing form data.

インターネット等のネットワークや情報処理技術の発達に伴って、紙媒体の帳票を電子化した帳票データを処理する帳票システムが利用されている。例えば、特許文献1には、帳票サーバが、HTML(HyperText Markup Language)によって記述した帳票データをクライアント端末に送信して表示させる技術が記載されている。特許文献2には、帳票サーバがPDF(Portable Document Format)形式の帳票データを生成し、生成した帳票データをクライアント端末に送信して表示させる技術が記載されている。非特許文献1には、クライアント端末において特定のクライアント端末の環境に依存する特殊なアプリケーション技術であるActiveX(登録商標)を利用して、帳票データへの情報入力や帳票の印刷などを行う技術が記載されている。   Along with the development of networks such as the Internet and information processing technology, form systems that process form data obtained by digitizing forms on paper media are used. For example, Patent Document 1 describes a technology in which a form server transmits form data described in HTML (HyperText Markup Language) to a client terminal for display. Patent Document 2 describes a technology in which a form server generates form data in a PDF (Portable Document Format) format, and the generated form data is transmitted to a client terminal for display. Non-Patent Document 1 discloses a technique for inputting information into form data, printing a form, and the like using ActiveX (registered trademark), which is a special application technique that depends on the environment of a specific client terminal. Have been described.

特開2003−6556号公報JP 2003-6556 A 特開2005−71066号公報JP-A-2005-71066

“SVF”、[online]、[平成22年01月14日検索]、インターネットURL:http://www.wingarc.com/“SVF”, [online], [searched on January 14, 2010], Internet URL: http://www.wingarc.com/

しかしながら、特許文献1の技術では帳票データの記述にHTMLを用いているため、例えば曲線などが含まれる帳票データを表現することができない。また規定帳票で使われる表の四隅に丸みをつけるような表現もできず、規定帳票そのままのインタフェースを表現できない。また、HTMLはクライアント端末の実行環境によって詳細な表示が異なる場合があるため、OS(Operating System)やブラウザの種別毎に異なるHTMLデータを予め生成しておいたり、リクエストに応じてサーバが動的に生成したりする必要があり、帳票設計や帳票管理などが複雑となり過大な運用負荷、または処理負荷がかかる。特許文献2の技術では、クライアント端末がPDF形式のデータを読み込んで表示する表示アプリケーション(Adobe(登録商標)Reader)を備えていなければ帳票データを表示できないため、クライアント端末の環境に依存する。この場合、ユーザが主体的にクライアント端末を操作して、定められた表示アプリケーションのインストールを行わなければ帳票データが表示できず、インストール後もセキュリティ上バージョンアップを行うケースもあり、操作を行うことが煩雑である場合がある。非特許文献1の技術についても同様に、クライアント端末が特殊なアプリケーション技術を実行する機能を備えていなければ帳票処理が行えないため、クライアント端末の環境に依存するという問題がある。ここで、帳票データの処理においては、規定帳票そのままのインタフェースを表現可能で、かつクライアント端末の環境に依存しないことが望ましい。   However, since the technique of Patent Document 1 uses HTML for description of form data, for example, form data including a curve or the like cannot be expressed. In addition, it is impossible to express the rounded corners of the table used in the standard form, and it is not possible to express the interface of the standard form as it is. Also, since the detailed display of HTML may differ depending on the execution environment of the client terminal, different HTML data is generated in advance for each OS (Operating System) and browser type, or the server dynamically changes according to the request. Need to be generated, and the form design and form management become complicated, resulting in excessive operational load or processing load. In the technique of Patent Document 2, the form data cannot be displayed unless the client terminal has a display application (Adobe (registered trademark) Reader) that reads and displays data in the PDF format, and thus depends on the environment of the client terminal. In this case, if the user actively operates the client terminal and does not install the specified display application, the form data cannot be displayed, and there are cases where the version is upgraded for security even after installation. May be cumbersome. Similarly, the technique of Non-Patent Document 1 has a problem that it depends on the environment of the client terminal because the form processing cannot be performed unless the client terminal has a function of executing a special application technique. Here, in the processing of the form data, it is desirable that the interface of the specified form as it is can be expressed and does not depend on the environment of the client terminal.

本発明は、このような状況に鑑みてなされたもので、表現力のより高い方法で、かつクライアント端末の環境に依存しない帳票サーバ装置、帳票サーバ装置の制御方法および帳票サーバ装置の制御プログラムを提供する。   The present invention has been made in view of such circumstances, and provides a form server device, a form server device control method, and a form server device control program that are more expressive and do not depend on the environment of a client terminal. provide.

上述した課題を解決するために、本発明は、定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部と、前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部と、前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部と、前記帳票定義データが記憶される第2の帳票定義データ記憶部と、前記変換プログラムが記憶される第2の変換プログラム記憶部と、前記帳票定義データ記憶部に記憶される前記帳票定義データをネットワークを介して取得し、取得した前記帳票定義データを前記第2の帳票定義データ記憶部に記憶させる帳票定義データ取得部と、前記変換プログラム記憶部に記憶される前記変換プログラムをネットワークを介して取得し、取得した前記変換プログラムを前記第2の変換プログラム記憶部に記憶させる変換プログラム取得部と、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定するベクター言語種別判定部と、前記第2の変換プログラム記憶部に記憶された前記変換プログラムを用いて、前記第2の帳票定義データ記憶部に記憶された前記帳票定義データに基づいて、前記ベクター言語種別判定部による判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成する制御部と、前記制御部によって生成された前記ベクター記述データに基づいて生成されるベクター画像を表示する表示部とを備えるクライアント端末に、前記帳票定義データ記憶部に記憶される前記帳票定義データと、前記変換プログラム記憶部に記憶される前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信する通信部とを備えることを特徴とする。   In order to solve the above-described problems, the present invention is based on a form definition data storage unit that stores form definition data including form elements indicating the shape or data items of a predetermined figure, and the form definition data. A conversion program storage unit for storing a conversion program for generating vector description data described in a vector language defined among a plurality of types of vector languages, and vector image control for generating a vector image based on the vector description data Part, a second form definition data storage unit storing the form definition data, a second conversion program storage unit storing the conversion program, and the form definition stored in the form definition data storage unit Data is acquired via a network, and the acquired form definition data is stored in the second form definition data storage unit. Form definition data acquisition unit for storing, conversion program acquisition unit for acquiring the conversion program stored in the conversion program storage unit via a network, and storing the acquired conversion program in the second conversion program storage unit The second form definition using the vector language type determination unit that determines the type of the vector language corresponding to the vector image control unit, and the conversion program stored in the second conversion program storage unit. Based on the form definition data stored in the data storage unit, a control unit that generates the vector description data described in the vector language according to a determination result by the vector language type determination unit, and generated by the control unit A display unit for displaying a vector image generated based on the vector description data A communication unit that transmits form generation information including the form definition data stored in the form definition data storage unit and the conversion program stored in the conversion program storage unit to a client terminal provided via a network; It is characterized by providing.

また、本発明は、上述の帳票生成情報には、前記変換プログラムの取得先を示す情報が含まれ、前記帳票定義データ取得部は、前記帳票生成情報に含まれる前記変換プログラムの取得先を示す情報に基づいて、当該取得先から前記帳票定義データを取得して、取得した当該帳票定義データを前記第2の帳票定義データ記憶部に記憶させ、前記通信部は、前記帳票生成情報に含まれる前記変換プログラムの取得先を示す情報に基づいて、当該取得先から前記帳票定義データを取得して、取得した当該帳票定義データを前記第2の帳票定義データ記憶部に記憶させる前記帳票定義データ取得部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信することを特徴とする。
また、本発明は、上述の帳票定義データには、データ入力を受付ける帳票要素が含まれ、前記変換プログラムには、前記データ入力を受付ける帳票要素を、前記ベクター言語以外のデータ入力を受付ける入力フォーム記述要素に変換するプログラムが含まれ、前記制御部は、前記変換プログラムを用いて、前記データ入力を受付ける帳票要素を、前記ベクター言語以外のデータ入力を受付ける入力フォーム記述要素に変換し、前記通信部は、前記変換プログラムを用いて、前記データ入力を受付ける帳票要素を、前記ベクター言語以外のデータ入力を受付ける入力フォーム記述要素に変換する前記制御部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信することを特徴とする。
In the present invention, the above-described form generation information includes information indicating the acquisition destination of the conversion program, and the form definition data acquisition unit indicates the acquisition destination of the conversion program included in the form generation information. Based on the information, the form definition data is acquired from the acquisition destination, the acquired form definition data is stored in the second form definition data storage unit, and the communication unit is included in the form generation information The form definition data acquisition that acquires the form definition data from the acquisition destination based on the information indicating the acquisition destination of the conversion program and stores the acquired form definition data in the second form definition data storage unit The form generation information is transmitted via a network to the client terminal including a unit.
In the present invention, the form definition data described above includes a form element that accepts data input, and the conversion program accepts the form element that accepts the data input as an input form that accepts data input other than the vector language. A program for converting into a description element, and the control unit uses the conversion program to convert a form element that receives the data input into an input form description element that receives a data input other than the vector language, and the communication Using the conversion program, the client terminal including the control unit that converts the form element that receives the data input into the input form description element that receives the data input other than the vector language, via the network The form generation information is transmitted.

また、本発明は、前記制御部は、前記データ入力を受付ける帳票要素に応じて入力された情報に基づいて前記ベクター記述データを生成し、通信部は、前記データ入力を受付ける帳票要素に応じて入力された情報に基づいて前記ベクター記述データを生成する前記制御部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信することを特徴とする。   Further, according to the present invention, the control unit generates the vector description data based on information input according to a form element that accepts the data input, and the communication unit responds to the form element that accepts the data input. The form generation information is transmitted via a network to the client terminal including the control unit that generates the vector description data based on input information.

また、本発明は、前記制御部は、前記帳票要素を拡大または縮小した前記ベクター記述データを生成し、前記通信部は、前記帳票要素を拡大または縮小した前記ベクター記述データを生成する前記制御部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信することを特徴とする。   Further, in the present invention, the control unit generates the vector description data obtained by enlarging or reducing the form element, and the communication unit generates the vector description data obtained by enlarging or reducing the form element. The form generation information is transmitted to the client terminal comprising: via a network.

また、本発明は、定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部から、前記帳票定義データを取得するステップと、前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部から、前記変換プログラムを取得するステップと、前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部と、前記帳票定義データが記憶される第2の帳票定義データ記憶部と、前記変換プログラムが記憶される第2の変換プログラム記憶部と、前記帳票定義データ記憶部に記憶される前記帳票定義データをネットワークを介して取得し、取得した前記帳票定義データを前記第2の帳票定義データ記憶部に記憶させる帳票定義データ取得部と、前記変換プログラム記憶部に記憶される前記変換プログラムをネットワークを介して取得し、取得した前記変換プログラムを前記第2の変換プログラム記憶部に記憶させる変換プログラム取得部と、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定するベクター言語種別判定部と、前記第2の変換プログラム記憶部に記憶された前記変換プログラムを用いて、前記第2の帳票定義データ記憶部に記憶された前記帳票定義データに基づいて、前記ベクター言語種別判定部による判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成する制御部と、前記制御部によって生成された前記ベクター記述データに基づいて生成されるベクター画像を表示する表示部とを備えるクライアント端末に、前記帳票定義データ記憶部から取得された前記帳票定義データと、前記変換プログラム記憶部から取得された前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信するステップと、を有することを特徴とする。   The present invention also includes a step of acquiring the form definition data from a form definition data storage unit in which form definition data including form elements indicating a predetermined figure shape or data item is stored, and the form definition data Obtaining the conversion program from a conversion program storage unit storing a conversion program for generating vector description data described in a vector language defined among a plurality of types of vector languages, and the vector description A vector image control unit that generates a vector image based on the data; a second form definition data storage unit that stores the form definition data; a second conversion program storage unit that stores the conversion program; Obtaining the form definition data stored in the form definition data storage unit via a network; The form definition data acquisition unit for storing the obtained form definition data in the second form definition data storage unit, the conversion program stored in the conversion program storage unit is acquired via a network, and the acquired conversion A conversion program acquisition unit that stores a program in the second conversion program storage unit, a vector language type determination unit that determines a type of the vector language corresponding to the vector image control unit, and the second conversion program storage unit Is described in the vector language according to the determination result by the vector language type determination unit based on the form definition data stored in the second form definition data storage unit. A control unit for generating the vector description data, and the vector generated by the control unit. The form definition data acquired from the form definition data storage unit and the conversion program acquired from the conversion program storage unit in a client terminal including a display unit that displays a vector image generated based on the description data Transmitting the form generation information including the information via the network.

また、本発明は、コンピュータに、定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部から、前記帳票定義データを取得するステップと、前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部から、前記変換プログラムを取得するステップと、前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部と、前記帳票定義データが記憶される第2の帳票定義データ記憶部と、前記変換プログラムが記憶される第2の変換プログラム記憶部と、前記帳票定義データ記憶部に記憶される前記帳票定義データをネットワークを介して取得し、取得した前記帳票定義データを前記第2の帳票定義データ記憶部に記憶させる帳票定義データ取得部と、前記変換プログラム記憶部に記憶される前記変換プログラムをネットワークを介して取得し、取得した前記変換プログラムを前記第2の変換プログラム記憶部に記憶させる変換プログラム取得部と、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定するベクター言語種別判定部と、前記第2の変換プログラム記憶部に記憶された前記変換プログラムを用いて、前記第2の帳票定義データ記憶部に記憶された前記帳票定義データに基づいて、前記ベクター言語種別判定部による判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成する制御部と、前記制御部によって生成された前記ベクター記述データに基づいて生成されるベクター画像を表示する表示部とを備えるクライアント端末に、前記帳票定義データ記憶部から取得された前記帳票定義データと、前記変換プログラム記憶部から取得された前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信するステップと、を実行させるための帳票サーバ装置の制御プログラムである。
また、本発明は、定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部と、前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部と、前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部を備え、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定し、ネットワークを介して取得した前記変換プログラム及び前記帳票定義データに基づいて、前記ベクター言語の種別の判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成するとともに、生成された前記ベクター記述データに基づいて前記ベクター画像制御部が生成するベクター画像を表示するクライアント端末に、前記帳票定義データ記憶部に記憶される前記帳票定義データと、前記変換プログラム記憶部に記憶される前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信する通信部とを備えることを特徴とする。
Further, the present invention is a method for acquiring the form definition data from a form definition data storage unit in which form definition data including a form element indicating a predetermined figure shape or data item is stored in a computer; Acquiring the conversion program from a conversion program storage unit storing a conversion program for generating vector description data described in a vector language defined among a plurality of types of vector languages based on the form definition data; A vector image control unit that generates a vector image based on the vector description data, a second form definition data storage unit that stores the form definition data, and a second conversion program storage unit that stores the conversion program And the form definition data stored in the form definition data storage unit The form definition data acquisition unit for storing the acquired form definition data in the second form definition data storage unit, and the conversion program stored in the conversion program storage unit via the network. A conversion program acquisition unit that stores the acquired conversion program in the second conversion program storage unit, a vector language type determination unit that determines a type of the vector language corresponding to the vector image control unit, and the second Based on the form definition data stored in the second form definition data storage unit, using the conversion program stored in the conversion program storage unit, the response according to the determination result by the vector language type determination unit A control unit for generating the vector description data described in a vector language, and the control unit In addition, the client terminal comprising a display unit that displays a vector image generated based on the vector description data, the form definition data acquired from the form definition data storage unit, and the conversion program storage unit A form server device control program for executing the step of transmitting form generation information including the conversion program via a network.
In addition, the present invention provides a form definition data storage unit for storing form definition data including form elements indicating the shape or data items of a predetermined figure, and a plurality of types of vector languages based on the form definition data. A conversion program storage unit that stores a conversion program that generates vector description data described in a predetermined vector language; and a vector image control unit that generates a vector image based on the vector description data. The vector language type corresponding to the control unit is determined, and is described in the vector language according to the determination result of the vector language type based on the conversion program and the form definition data acquired via the network. Generates the vector description data and the generated vector description The form definition data stored in the form definition data storage unit and the conversion program stored in the conversion program storage unit on a client terminal that displays a vector image generated by the vector image control unit based on the data And a communication unit that transmits the form generation information including the data via a network.

以上説明したように、本発明によれば、帳票サーバ装置は、定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データをクライアント端末に送信するとともに、帳票定義データに基づいて複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムをクライアント端末に送信することにより、クライアント端末に対応するベクター言語の種別を判定させ、変換プログラムを用いて、帳票定義データに基づいて、ベクター言語種別の判定結果に応じたベクター言語により記述されたベクター記述データを生成させ、生成したベクター記述データに基づくベクター画像を表示させるようにしたので、表現力のより高い方法で、かつクライアント端末の環境に依存しない帳票サーバ装置、帳票サーバ装置の制御方法、および帳票サーバ装置の制御プログラムを提供することができる。   As described above, according to the present invention, the form server device transmits form definition data including form elements indicating the shape or data item of the determined figure to the client terminal, and based on the form definition data. By sending a conversion program for generating vector description data described in a predetermined vector language among a plurality of types of vector languages to the client terminal, the type of vector language corresponding to the client terminal is determined, and the conversion program is used. Based on the form definition data, the vector description data described in the vector language corresponding to the determination result of the vector language type is generated, and the vector image based on the generated vector description data is displayed. Depending on the client terminal environment. Document server apparatus not, it is possible to provide a control program of the control method, and a document server device form server device.

本発明の一実施形態による帳票システムの構成例を示すブロック図である。It is a block diagram which shows the structural example of the form system by one Embodiment of this invention. 本発明の一実施形態によるHTMLデータ記憶部に記憶されるHTMLデータのデータ例を示す図である。It is a figure which shows the data example of the HTML data memorize | stored in the HTML data memory | storage part by one Embodiment of this invention. 本発明の一実施形態による帳票定義データのデータ例を示す図である。It is a figure which shows the data example of the form definition data by one Embodiment of this invention. 本発明の一実施形態によるベクター言語種別判定処理のプログラムコード例を示す図である。It is a figure which shows the example of a program code of the vector language classification determination process by one Embodiment of this invention. 本発明の一実施形態によるSVG変換処理における帳票要素の対応表を示す図である。It is a figure which shows the correspondence table of the form element in the SVG conversion process by one Embodiment of this invention. 本発明の一実施形態によるVML変換処理における帳票要素の対応表を示す図である。It is a figure which shows the correspondence table of the form element in the VML conversion process by one Embodiment of this invention. 本発明の一実施形態による帳票定義データの変換手順を示す図である。It is a figure which shows the conversion procedure of the form definition data by one Embodiment of this invention. 本発明の一実施形態による変換処理のプログラムコード例を示す図である。It is a figure which shows the example of a program code of the conversion process by one Embodiment of this invention. 本発明の一実施形態による帳票サービスのログイン画面例を示す図である。It is a figure which shows the example of a login screen of the form service by one Embodiment of this invention. 本発明の一実施形態による帳票データ表示処理の動作例を示すフローチャートである。It is a flowchart which shows the operation example of the form data display process by one Embodiment of this invention. 本発明の一実施形態による帳票定義データに入力項目が含まれる場合の変換例を示す図である。It is a figure which shows the example of conversion when an input item is contained in the form definition data by one Embodiment of this invention. 本発明の一実施形態による入力項目が含まれるベクター画像の表示例を示す図である。It is a figure which shows the example of a display of the vector image containing the input item by one Embodiment of this invention. 本発明の一実施形態によるイベントに応じてベクター記述データを変換する場合のベクター記述データと変換プログラムコードとの例を示す図である。It is a figure which shows the example of the vector description data and conversion program code in the case of converting vector description data according to the event by one Embodiment of this invention. 本発明の一実施形態によるこのようにベクター記述データを変換してベクター画像を変換する場合の表示例を示す図である。It is a figure which shows the example of a display in the case of converting a vector image by converting vector description data in this way by one Embodiment of this invention. 本発明の一実施形態によるこのようなベクター記述データの変換前後のベクター記述データの例を示す図である。It is a figure which shows the example of the vector description data before and behind conversion of such vector description data by one Embodiment of this invention.

以下、本発明の一実施形態について、図面を参照して説明する。
<第1の実施形態>
まず、本発明の第1の実施形態について説明する。本実施形態では、異なる種別のウェブブラウザ間でも共通に利用できるプログラミング言語であるクライアントスクリプト(JavaScript(登録商標))を利用して、クライアント端末におけるウェブブラウザのメモリ内のデータ構造を直接操作し、画面表示を更新する技法(Dynamic HTML、Ajax)を用いる事により、ウェブブラウザの種別に応じた帳票データのベクター画像をクライアント端末に表示させることを可能とする。ここで、ベクター画像は、ベクター言語によって記述されたベクター記述データをウェブブラウザが解釈することによりクライアント端末において生成される画像であり、曲線等の表現が可能である。
Hereinafter, an embodiment of the present invention will be described with reference to the drawings.
<First Embodiment>
First, a first embodiment of the present invention will be described. In the present embodiment, a client script (JavaScript (registered trademark)), which is a programming language that can be used in common between different types of web browsers, is used to directly manipulate the data structure in the memory of the web browser on the client terminal, By using a technique for updating the screen display (Dynamic HTML, Ajax), it is possible to display a vector image of the form data corresponding to the type of the web browser on the client terminal. Here, the vector image is an image generated in the client terminal when the web browser interprets the vector description data described in the vector language, and can express a curve or the like.

一般的に用いられるベクター言語には、例えばSVG(Scalable Vector Graphics)やVML(Vector Markup Language)が存在し、多くのウェブブラウザがこのようなベクター言語で記述されたベクター記述データに基づいてベクター画像を生成する機能を備えている。しかし、例えばウェブブラウザであるInternet Explorer(登録商標)はVMLを解釈してベクター画像を表示するベクター画像制御部を備えるが、SVGを解釈する機能を備えていない。一方、例えばFirefox(登録商標)はSVGを解釈してベクター画像を表示するベクター画像制御部を備えるが、VMLを解釈する機能を備えていない。そこで、本実施形態では、帳票構造が定義された帳票定義データと、この帳票定義データに基づいてクライアント端末のウェブブラウザに対応するベクター記述データを生成する変換プログラムとを帳票サーバに予め記憶させ、クライアント端末が帳票サーバからそれらをダウンロードする。クライアント端末は、ダウンロードした変換プログラムに基づいて自装置が解釈可能なベクター言語を判定し、判定結果に応じて、帳票定義データに基づいて自装置が解釈可能なベクター言語を用いて記述されたベクター記述データを生成する。そして、生成したベクター記述データをウェブブラウザのメモリ内に挿入し、ウェブブラウザがベクター記述データを解釈してベクター画像を生成することにより、画面に表示させる。   Commonly used vector languages include, for example, SVG (Scalable Vector Graphics) and VML (Vector Markup Language), and many web browsers use vector description data based on vector description data described in such a vector language. It has a function to generate. However, for example, Internet Explorer (registered trademark), which is a web browser, includes a vector image control unit that interprets VML and displays a vector image, but does not have a function to interpret SVG. On the other hand, for example, Firefox (registered trademark) includes a vector image control unit that interprets SVG and displays a vector image, but does not have a function of interpreting VML. Therefore, in the present embodiment, the form definition data in which the form structure is defined and the conversion program for generating vector description data corresponding to the web browser of the client terminal based on the form definition data are stored in advance in the form server, The client terminal downloads them from the form server. The client terminal determines a vector language interpretable by the own device based on the downloaded conversion program, and a vector described using the vector language interpretable by the own device based on the form definition data according to the determination result Generate descriptive data. Then, the generated vector description data is inserted into the memory of the web browser, and the web browser interprets the vector description data to generate a vector image, thereby displaying it on the screen.

図1は、本実施形態による帳票システム1の構成を示すブロック図である。帳票システム1は、複数台のクライアント端末1000−N(クライアント端末1000−1、クライアント端末1000−2、・・・)と、帳票サーバ2000とのコンピュータ装置を備えている。ここで、複数台のクライアント端末1000−Nは同様の構成であるため、特に区別をしない場合にはクライアント端末1000として説明する。   FIG. 1 is a block diagram showing a configuration of a form system 1 according to the present embodiment. The form system 1 includes a computer device including a plurality of client terminals 1000-N (client terminal 1000-1, client terminal 1000-2,...) And a form server 2000. Here, since the plurality of client terminals 1000-N have the same configuration, the client terminals 1000 will be described unless otherwise distinguished.

クライアント端末1000は、ネットワークを介して接続された帳票サーバ2000から送信される情報に基づいて帳票データを生成する帳票生成装置である。クライアント端末1000には、いわゆるPC(パーソナルコンピュータ)、PDA(Personal Digital Assistant)、携帯電話端末などが適用できる。ここで、クライアント端末1000のOSは特定の種別に限定されるものではなく、例えば、Windows(登録商標)OS、Mac(登録商標)OS、LINUX(登録商標)、携帯機器用プラットフォームであるAndroid(登録商標)等のいずれでも良い。   The client terminal 1000 is a form generation device that generates form data based on information transmitted from a form server 2000 connected via a network. As the client terminal 1000, a so-called PC (personal computer), PDA (personal digital assistant), a mobile phone terminal, or the like can be applied. Here, the OS of the client terminal 1000 is not limited to a specific type. For example, the Windows (registered trademark) OS, the Mac (registered trademark) OS, the LINUX (registered trademark), Android (which is a platform for mobile devices). Any registered trademark may be used.

また、クライアント端末1000が備えるウェブブラウザ1300も、特定の種別に限定されるものではなく、SVGが表示可能なブラウザであるFirefox(登録商標)、Safari(登録商標)、Opera(登録商標)、あるいはVMLが表示可能なブラウザであるIE(Internet Explorer(登録商標))等のいずれでも良い。このように、本実施形態におけるクライアント端末1000は、そのOSもウェブブラウザも特定の種別に限定されるものではない。クライアント端末1000は、表示部1100と、入力部1200と、ウェブブラウザ1300とを備えている。   Also, the web browser 1300 provided in the client terminal 1000 is not limited to a specific type, and is a browser capable of displaying SVG, such as Firefox (registered trademark), Safari (registered trademark), Opera (registered trademark), or Any of IE (Internet Explorer (registered trademark)) which is a browser capable of displaying VML may be used. As described above, the client terminal 1000 according to the present embodiment is not limited to a specific type of OS or web browser. The client terminal 1000 includes a display unit 1100, an input unit 1200, and a web browser 1300.

表示部1100は、帳票サーバ2000から送信される情報等や入力部1200によって入力される情報などが表示されるディスプレイである。表示部1100には、ベクター記述データ生成部1533によって生成されたベクター記述データに基づいて生成されるベクター画像が表示される。入力部1200は、ユーザからの情報入力を受付ける。入力部1200には、例えば、キーボードやマウスなどのデバイスが適用できる。   The display unit 1100 is a display on which information transmitted from the form server 2000, information input by the input unit 1200, and the like are displayed. The display unit 1100 displays a vector image generated based on the vector description data generated by the vector description data generation unit 1533. The input unit 1200 receives information input from the user. For example, a device such as a keyboard or a mouse can be applied to the input unit 1200.

ウェブブラウザ1300は、インターネット等のネットワークを介して帳票サーバ2000と通信を行って受信した情報等を表示部1100に表示させる。ウェブブラウザ1300は、記憶部1400と、制御部1500とを備えている。
記憶部1400は、HTMLデータ記憶部1410と、帳票定義データ記憶部1420と、変換プログラム記憶部1430とを備えている。
The web browser 1300 causes the display unit 1100 to display information received by communicating with the form server 2000 via a network such as the Internet. The web browser 1300 includes a storage unit 1400 and a control unit 1500.
The storage unit 1400 includes an HTML data storage unit 1410, a form definition data storage unit 1420, and a conversion program storage unit 1430.

HTMLデータ記憶部1410には、帳票サーバ2000から送信されるHTMLデータが記憶される。HTMLデータ記憶部1410に記憶されたHTMLデータは、制御部1500のHTML制御部1510によって監視されており、HTML制御部1510によって解釈されてレンダリングされ、画像データとして表示部1100に表示される。ここでは、ウェブブラウザ1300によって帳票サーバ2000に接続すると、帳票サーバ2000からHTMLデータが送信され、HTMLデータ記憶部1410に記憶される。   The HTML data storage unit 1410 stores HTML data transmitted from the form server 2000. The HTML data stored in the HTML data storage unit 1410 is monitored by the HTML control unit 1510 of the control unit 1500, is interpreted and rendered by the HTML control unit 1510, and is displayed on the display unit 1100 as image data. Here, when the web browser 1300 connects to the form server 2000, HTML data is transmitted from the form server 2000 and stored in the HTML data storage unit 1410.

図2は、HTMLデータ記憶部1410に記憶されるHTMLデータのデータ例を示す図である。HTMLデータには、符号aに示すように、変換プログラムのファイルの取得先のURLを示すSCRIPT要素が含まれる。制御部1500によって、このURLに応じたスクリプトファイルが取得される。また、HTMLデータには、符号bに示すように、複数のタグを包含するタグであるDIV要素が含まれる。DIV要素は、ベクター記述データ生成部1533によって生成されるベクター記述データに基づくベクター画像の表示領域として確保される。また、DIV要素には、対応する帳票を定義した帳票定義データを識別する帳票IDが含まれる。後述する帳票定義データ取得部1531によって、この帳票IDに応じた帳票定義データが取得される。ベクター記述データ生成部1533によってこのDIV要素にHTML要素またはベクター要素が追加され、HTMLデータ記憶部1410に記憶されることで、帳票データが生成される。なお、本実施形態においては、DIV要素中に帳票IDを定義しているが、HTMLデータ内のSCRIPT要素中やその他の要素中に定義しても良く、帳票サーバ2000へ帳票IDを事前に送信しておき、一連の動作が完了するまで記憶部2100内に保持しておいても良い。   FIG. 2 is a diagram illustrating a data example of HTML data stored in the HTML data storage unit 1410. The HTML data includes a SCRIPT element indicating the URL from which the conversion program file is acquired, as indicated by symbol a. The control unit 1500 acquires a script file corresponding to this URL. In addition, the HTML data includes a DIV element that is a tag including a plurality of tags, as indicated by reference numeral b. The DIV element is secured as a vector image display area based on the vector description data generated by the vector description data generation unit 1533. The DIV element includes a form ID for identifying form definition data that defines the corresponding form. The form definition data acquisition unit 1531 described later acquires form definition data corresponding to the form ID. An HTML element or a vector element is added to the DIV element by the vector description data generation unit 1533 and stored in the HTML data storage unit 1410, thereby generating form data. In this embodiment, the form ID is defined in the DIV element. However, it may be defined in the SCRIPT element or other elements in the HTML data, and the form ID is transmitted to the form server 2000 in advance. In addition, it may be held in the storage unit 2100 until a series of operations is completed.

帳票定義データ記憶部1420には、定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される。帳票定義データは、HTMLデータのDIV要素に含まれる帳票IDに応じて帳票定義データ取得部1531によって取得される。図3は、帳票定義データ記憶部1420に記憶される帳票定義データのデータ例を示す図である。帳票定義データは、複数種別のベクター言語に共通する帳票データ構造が定義されたファイルであり、ベクター言語の帳票の種別毎に帳票ID、帳票の描画領域、帳票レイアウト情報(線(line)、矩形(rect)、角丸矩形、円、横書きテキスト、縦書きテキスト、数値入力フィールド、単一行入力フィールド、複数行入力フィールド、チェックボックス、ラジオボタン、コンボボックス、ボタン、バーコード、二次元バーコード等の情報)などの帳票要素がXML言語により表現されて記述される。   The form definition data storage unit 1420 stores form definition data including form elements indicating the shape or data item of a predetermined figure. The form definition data is acquired by the form definition data acquisition unit 1531 according to the form ID included in the DIV element of the HTML data. FIG. 3 is a diagram illustrating a data example of the form definition data stored in the form definition data storage unit 1420. The form definition data is a file in which a form data structure common to a plurality of types of vector languages is defined. For each type of form in the vector language, a form ID, a form drawing area, form layout information (line, rectangle) (Rect), rounded rectangle, circle, horizontal text, vertical text, numeric input field, single-line input field, multi-line input field, check box, radio button, combo box, button, barcode, two-dimensional barcode, etc. Form elements such as information) are expressed and described in the XML language.

変換プログラム記憶部1430には、帳票定義データ記憶部1420に記憶された帳票定義データに基づいて、複数種別のベクター言語に応じたベクター記述データを生成する変換プログラムが記憶される。変換プログラムは、HTMLデータのSCRIPT要素によって示された、ファイルの取得先のURLより取得する。変換プログラムは、クライアントスクリプト制御部1530によって動作されるため、その処理内容は後述するクライアントスクリプト制御部1530において説明する。   The conversion program storage unit 1430 stores a conversion program that generates vector description data corresponding to a plurality of types of vector languages based on the form definition data stored in the form definition data storage unit 1420. The conversion program is acquired from the URL of the file acquisition destination indicated by the SCRIPT element of the HTML data. Since the conversion program is operated by the client script control unit 1530, the processing content will be described in the client script control unit 1530 described later.

制御部1500は、HTML制御部1510と、ベクター画像制御部1520と、クライアントスクリプト制御部1530とを備えている。
HTML制御部1510は、HTMLデータ記憶部1410に記憶されたHTMLデータを読み出し、読み出したHTMLデータを解釈してレンダリングし、画像データを生成して表示部1100に表示する。また、HTML制御部1510は、HTMLデータを解釈する際、HTMLデータに画像ファイルやスクリプトファイルなどの取得先URLが含まれる場合には、通信部1600を介して取得先URLに接続し、ファイルを取得する。ここでは、HTML制御部1510は、HTMLデータのSCRIPT要素によって示される変換プログラムを帳票サーバ2000から取得して変換プログラム記憶部1430に記憶させる。
The control unit 1500 includes an HTML control unit 1510, a vector image control unit 1520, and a client script control unit 1530.
The HTML control unit 1510 reads the HTML data stored in the HTML data storage unit 1410, interprets and renders the read HTML data, generates image data, and displays the image data on the display unit 1100. Also, when interpreting the HTML data, the HTML control unit 1510 connects to the acquisition destination URL via the communication unit 1600 if the HTML data includes an acquisition destination URL such as an image file or a script file. get. Here, the HTML control unit 1510 acquires the conversion program indicated by the SCRIPT element of the HTML data from the form server 2000 and stores it in the conversion program storage unit 1430.

ベクター画像制御部1520は、複数種別のベクター言語のうち定められたベクター言語に応じて記述されたベクター記述データに基づいてベクター画像を生成する。ベクター画像制御部1520は、例えばSVGやVMLなどのベクター言語のうちいずれかのベクター言語を解釈してベクター画像を生成する。上述したように、対応するベクター言語はウェブブラウザの種別により異なる。ここでは、ベクター画像制御部1520は、HTMLデータ記憶部1410に記憶されるHTMLデータのDIV要素に含まれるベクター記述データを読み出し、ベクター画像を生成する。
このように、表示部1100に表示される画像データのうち、HTML部分はHTML制御部1510によって、ベクター画像部分はベクター画像制御部1520によって解釈される。
The vector image control unit 1520 generates a vector image based on vector description data described according to a vector language defined among a plurality of types of vector languages. The vector image control unit 1520 generates a vector image by interpreting any one of vector languages such as SVG and VML. As described above, the corresponding vector language differs depending on the type of web browser. Here, the vector image control unit 1520 reads the vector description data included in the DIV element of the HTML data stored in the HTML data storage unit 1410, and generates a vector image.
Thus, of the image data displayed on the display unit 1100, the HTML part is interpreted by the HTML control unit 1510, and the vector image part is interpreted by the vector image control unit 1520.

クライアントスクリプト制御部1530は、定められたクライアントスクリプトを実行する。例えば、クライアントスクリプト制御部1530は、HTMLデータのSCRIPT要素に含まれるスクリプトや、変換プログラム記憶部1430に記憶された変換プログラムのスクリプト等を実行する。ここで、クライアントスクリプト制御部1530は、変換プログラム記憶部1430に記憶された変換プログラムを実行し、帳票IDに基づいて帳票サーバ2000から帳票定義データを取得して帳票定義データ記憶部1420に記憶させ、帳票定義データに基づいて、自装置のベクター画像制御部1520に対応するベクター言語により記述されたベクター記述データを生成する。クライアントスクリプト制御部1530は、帳票定義データ取得部1531と、ベクター言語種別判定部1532と、ベクター記述データ生成部1533との機能部を備えている。これらの機能部は、帳票サーバ2000から送信されたHTMLデータのSCRIPT要素によって読み込まれた変換プログラムにより構成される。   The client script control unit 1530 executes a predetermined client script. For example, the client script control unit 1530 executes a script included in the SCRIPT element of the HTML data, a conversion program script stored in the conversion program storage unit 1430, and the like. Here, the client script control unit 1530 executes the conversion program stored in the conversion program storage unit 1430, acquires form definition data from the form server 2000 based on the form ID, and stores the form definition data in the form definition data storage unit 1420. Based on the form definition data, vector description data described in a vector language corresponding to the vector image control unit 1520 of the own apparatus is generated. The client script control unit 1530 includes functional units of a form definition data acquisition unit 1531, a vector language type determination unit 1532, and a vector description data generation unit 1533. These functional units are constituted by a conversion program read by the SCRIPT element of HTML data transmitted from the form server 2000.

帳票定義データ取得部1531は、通信部1600を介して帳票サーバ2000と通信を行い、HTMLデータ記憶部1410に記憶されたHTMLデータのDIV要素に含まれる帳票IDに対応する帳票定義データを、帳票サーバ2000から取得する。ここで、帳票定義データ取得部1531は、HTTP(Hypertext Transfer Protocol)通信を行うためのJavaScript(登録商標)組み込みクラスであるXMLHttpRequestによる非同期通信を利用して、ウェブページの再読込みを行うことなく帳票定義データを取得する。   The form definition data acquisition unit 1531 communicates with the form server 2000 via the communication unit 1600, and converts the form definition data corresponding to the form ID included in the DIV element of the HTML data stored in the HTML data storage unit 1410 into the form. Acquired from the server 2000. Here, the form definition data acquisition unit 1531 uses asynchronous communication by XMLHttpRequest, which is a JavaScript (registered trademark) built-in class for performing HTTP (Hypertext Transfer Protocol) communication, and does not re-read a web page. Get definition data.

ベクター言語種別判定部1532は、ベクター画像制御部1520に対応するベクター言語の種別を判定する。ベクター言語種別判定部1532は、例えば、ウェブブラウザ1300の種別を判定することにより、自身のウェブブラウザ1300が備えるベクター画像制御部1520が対応するベクター言語の種別を判定する。例えば、図4は、ベクター言語種別判定部1532によるベクター言語種別判定処理のプログラムコード例を示す図である。ベクター言語種別判定部1532は、例えばウェブブラウザのユーザエージェントの情報を取得し、取得した情報に特定の文字列が含まれるか否かに応じて、利用するベクター言語の種別を判定する。ここでは、ウェブブラウザのユーザエージェントの情報に「MSIE」という文字列が含まれている場合には、VMLのベクター言語に対応すると判定し、「MSIE」という文字列が含まれていない場合には、SVGのベクター言語に対応すると判定する。   The vector language type determination unit 1532 determines the type of vector language corresponding to the vector image control unit 1520. The vector language type determination unit 1532 determines the type of the vector language supported by the vector image control unit 1520 included in the web browser 1300 by determining the type of the web browser 1300, for example. For example, FIG. 4 is a diagram illustrating a program code example of vector language type determination processing by the vector language type determination unit 1532. The vector language type determination unit 1532 acquires, for example, user agent information of the web browser, and determines the type of vector language to be used depending on whether the acquired information includes a specific character string. Here, when the character string “MSIE” is included in the information of the user agent of the web browser, it is determined that it corresponds to the vector language of VML, and when the character string “MSIE” is not included. , It is determined that it corresponds to the SVG vector language.

ベクター記述データ生成部1533は、帳票定義データ記憶部1420に記憶された帳票定義データに基づいて、ベクター言語種別判定部1532による判定結果に応じたベクター言語により記述されたDOM(Document Object Model)ツリーであるベクター記述データを生成する。ベクター記述データ生成部1533は、生成したベクター記述データを、HTMLデータ記憶部1410に記憶されたHTMLデータに含まれるDIV要素に追加して記憶させる。   The vector description data generation unit 1533 is based on the form definition data stored in the form definition data storage unit 1420, and is a DOM (Document Object Model) tree described in the vector language according to the determination result by the vector language type determination unit 1532. To generate vector description data. The vector description data generation unit 1533 stores the generated vector description data in addition to the DIV element included in the HTML data stored in the HTML data storage unit 1410.

図5は、ベクター記述データ生成部1533によるSVGへの変換処理における帳票要素の対応表を示す図であり、図6は、ベクター記述データ生成部1533によるVMLへの変換処理における帳票要素の対応表を示す図である。変換プログラムは、このような帳票定義データにおける帳票要素とベクター画像におけるベクター要素との対応関係に基づいて、帳票要素を変換してVML要素やSVG要素を生成するプログラムである。   FIG. 5 is a diagram showing a correspondence table of form elements in the conversion process to SVG by the vector description data generation unit 1533. FIG. 6 is a correspondence table of form elements in the conversion process to VML by the vector description data generation unit 1533. FIG. The conversion program is a program that converts a form element and generates a VML element or an SVG element based on the correspondence between the form element in the form definition data and the vector element in the vector image.

例えば、図7は、ベクター記述データ生成部1533による帳票定義データの変換手順を示す図である。符号aに示すような帳票定義データが存在する場合、ベクター記述データ生成部1533は、XMLパーサを用いて符号b−1に示されるようなDOMツリーを構築する(ステップS10)。ベクター記述データ生成部1533は、DOMツリーにおける上位の帳票要素であるgroup要素を符号b−2に示されるようなVMLのgroup要素に変換する(ステップS11)。次に、符号c−1に示されるようにgroup要素の子要素であるline要素をVMLのline要素に変換し、符号c−2に示されるようにステップS11において生成した親要素に接続させる(ステップS12)。図8は、このようなベクター記述データ生成部1533による変換処理のプログラムコード例を示す図である。   For example, FIG. 7 is a diagram illustrating a procedure for converting form definition data by the vector description data generation unit 1533. When the form definition data as indicated by the symbol a exists, the vector description data generation unit 1533 constructs a DOM tree as indicated by the symbol b-1 using an XML parser (step S10). The vector description data generation unit 1533 converts the group element, which is an upper form element in the DOM tree, into a VML group element as indicated by reference numeral b-2 (step S11). Next, the line element which is a child element of the group element is converted into a VML line element as indicated by reference numeral c-1, and connected to the parent element generated in step S11 as indicated by reference numeral c-2 ( Step S12). FIG. 8 is a diagram showing an example of program code for conversion processing by the vector description data generation unit 1533.

例えば、帳票定義データにおいて、以下のような帳票要素があるとする。
<line id="帳票ID_ln001" x1="1400" y1="460" x2="1860" y2="460" stroke="black" stroke_width="1" stroke_dasharray="solid"/>
このとき、ベクター記述データ生成部1533は、ベクター言語種別判定部1532によって判定されたベクター言語がSVGであれば、以下のようなベクター要素を生成する。
<svg:line id="帳票ID_ln001" name="帳票ID_ln001" x1="1400" y1="460" x2="1860" y2="460" stroke="black" stroke-width="1"/>
一方、ベクター言語種別判定部1532によって判定されたベクター言語がVMLであれば、以下のようなベクター要素を生成する。
<line id=”帳票ID_ln001” name="帳票ID_ln001" from = "1400,460" to = "1860,460" strokecolor = "black" strokeweight = "1pt"></line>
For example, it is assumed that the form definition data includes the following form elements.
<line id = "form ID_ln001" x1 = "1400" y1 = "460" x2 = "1860" y2 = "460" stroke = "black" stroke_width = "1" stroke_dasharray = "solid"/>
At this time, if the vector language determined by the vector language type determination unit 1532 is SVG, the vector description data generation unit 1533 generates the following vector elements.
<svg: line id = "form ID_ln001" name = "form ID_ln001" x1 = "1400" y1 = "460" x2 = "1860" y2 = "460" stroke = "black" stroke-width = "1"/>
On the other hand, if the vector language determined by the vector language type determination unit 1532 is VML, the following vector elements are generated.
<line id = ”Form ID_ln001” name = "Form ID_ln001" from = "1400,460" to = "1860,460" strokecolor = "black" strokeweight = "1pt"></line>

通信部1600は、帳票サーバと通信を行い、HTMLデータ、帳票定義データ、変換プログラムなどを受信する。   The communication unit 1600 communicates with the form server and receives HTML data, form definition data, a conversion program, and the like.

帳票サーバ2000は、HTMLデータ、帳票定義データ、変換プログラムなどの情報を配信し、クライアント端末1000に帳票サービスを提供するコンピュータ装置である。また、帳票サーバ2000には、ユーザ毎のユーザIDとパスワードとの組み合わせが含まれるユーザアカウント情報や認証情報、ユーザによって生成された帳票データなどが予め記憶されている。帳票サーバ2000は、記憶部2100と、制御部2200と、通信部2300とを備えている。   The form server 2000 is a computer device that distributes information such as HTML data, form definition data, and conversion programs, and provides a form service to the client terminal 1000. The form server 2000 stores in advance user account information and authentication information including a combination of a user ID and a password for each user, form data generated by the user, and the like. The form server 2000 includes a storage unit 2100, a control unit 2200, and a communication unit 2300.

記憶部2100には、帳票サーバ2000が帳票サービスを提供するために必要な情報が記憶されている。記憶部2100は、HTMLデータ記憶部2110と、帳票定義データ記憶部2120と、変換プログラム記憶部2130とを備えている。
HTMLデータ記憶部2110には、クライアント端末1000からのアクセスに応じて配信するHTMLデータが記憶されている。
帳票定義データ記憶部2120には、定められた帳票ID毎に、帳票定義データが対応付けられて記憶されている。帳票IDは、HTMLデータのDIV要素に含まれる帳票IDに対応する。
変換プログラム記憶部2130には、帳票定義データに基づいてベクター記述データを生成する変換プログラムが記憶されている。
The storage unit 2100 stores information necessary for the form server 2000 to provide a form service. The storage unit 2100 includes an HTML data storage unit 2110, a form definition data storage unit 2120, and a conversion program storage unit 2130.
The HTML data storage unit 2110 stores HTML data distributed in response to access from the client terminal 1000.
The form definition data storage unit 2120 stores form definition data in association with each defined form ID. The form ID corresponds to the form ID included in the DIV element of the HTML data.
The conversion program storage unit 2130 stores a conversion program for generating vector description data based on the form definition data.

制御部2200は、帳票サーバ2000の動作を制御する。例えば、制御部2200は、ウェブサーバの機能を備えており、クライアント端末1000との間のインタフェースであるウェブサイトを提供する。例えば、図9は、制御部2200が提供する帳票サービスのログイン画面例を示す図である。制御部2200は、クライアント端末1000からのアクセスに応じて、このようなログイン画面を、通信部2300を介してクライアント端末1000に送信する。
通信部2300は、ネットワークを介してクライアント端末1000との通信を行う。
The control unit 2200 controls the operation of the form server 2000. For example, the control unit 2200 has a web server function and provides a website that is an interface with the client terminal 1000. For example, FIG. 9 is a diagram illustrating a log-in screen example of a form service provided by the control unit 2200. In response to access from the client terminal 1000, the control unit 2200 transmits such a login screen to the client terminal 1000 via the communication unit 2300.
The communication unit 2300 communicates with the client terminal 1000 via a network.

次に、本実施形態の帳票システム1の動作例を説明する。図10は、本実施形態のクライアント端末1000−1による帳票データ表示処理の動作例を示すフローチャートである。
まず、クライアント端末1000が帳票サーバ2000にアクセスすると、帳票サーバ2000の制御部2200は、クライアント端末1000に上述したようなログイン画面を送信する。クライアント端末1000の制御部1500は、受信したログイン画面を表示部1100に表示させる。入力部1200は、ユーザからのログイン情報(ID、パスワード、帳票ID等)の入力を受付ける。クライアント端末1000は、通信部1600を介してログイン情報を帳票サーバ2000に送信する。帳票サーバ2000の制御部2200は、記憶部2100に記憶されたユーザアカウント情報を読み出してユーザ認証を行い、認証が正当ならば、通信部2300を介してHTMLデータをクライアント端末1000に送信する。
Next, an operation example of the form system 1 of the present embodiment will be described. FIG. 10 is a flowchart illustrating an operation example of the form data display processing by the client terminal 1000-1 of the present embodiment.
First, when the client terminal 1000 accesses the form server 2000, the control unit 2200 of the form server 2000 transmits the above-described login screen to the client terminal 1000. The control unit 1500 of the client terminal 1000 causes the display unit 1100 to display the received login screen. The input unit 1200 accepts input of login information (ID, password, form ID, etc.) from the user. The client terminal 1000 transmits login information to the form server 2000 via the communication unit 1600. The control unit 2200 of the form server 2000 reads the user account information stored in the storage unit 2100 and performs user authentication. If the authentication is valid, the control unit 2200 transmits HTML data to the client terminal 1000 via the communication unit 2300.

次に、クライアント端末1000のHTML制御部1510は、帳票サーバ2000から送信されたHTMLデータを受信すると、記憶部1400のHTMLデータ記憶部1410に記憶させる。そして、HTML制御部1510は、HTMLデータ記憶部1410に記憶させたHTMLデータを読み出し、読み出したHTMLデータの解釈を行う。ここで、HTML制御部1510は、HTMLデータに含まれるSCRIPT要素に示されるスクリプトの取得先URLに応じて、帳票サーバ2000の変換プログラム記憶部2130から変換プログラムを読み出し、変換プログラム記憶部1430に記憶させる。   Next, when receiving the HTML data transmitted from the form server 2000, the HTML control unit 1510 of the client terminal 1000 stores the HTML data in the HTML data storage unit 1410 of the storage unit 1400. Then, the HTML control unit 1510 reads the HTML data stored in the HTML data storage unit 1410 and interprets the read HTML data. Here, the HTML control unit 1510 reads out the conversion program from the conversion program storage unit 2130 of the form server 2000 in accordance with the script acquisition destination URL indicated in the SCRIPT element included in the HTML data, and stores it in the conversion program storage unit 1430. Let

そして、帳票定義データ取得部1531は、HTMLデータに含まれるDIV要素に示される帳票IDをキーとして、帳票IDに対応する帳票定義データを帳票サーバ2000の帳票定義データ記憶部2120から読み出し、帳票定義データ記憶部1420に記憶させる(ステップS1)。ベクター言語種別判定部1532は、自装置のウェブブラウザ1300のウェブブラウザのユーザエージェント情報を取得し、自装置が対応するベクター言語を判定する(ステップS2)。   Then, the form definition data acquisition unit 1531 reads out the form definition data corresponding to the form ID from the form definition data storage unit 2120 of the form server 2000 using the form ID indicated by the DIV element included in the HTML data as a key, and forms definition The data is stored in the data storage unit 1420 (step S1). The vector language type determination unit 1532 acquires the user agent information of the web browser of the web browser 1300 of the own device, and determines the vector language corresponding to the own device (step S2).

そして、ベクター記述データ生成部1533は、ベクター言語種別判定部1532による判定結果に応じて、帳票定義データ記憶部1420に記憶された帳票定義データに基づいてベクター記述データを生成する。例えば、ステップS2において、自装置のベクター画像制御部1520がVMLに対応すると判定すれば(ステップS2:VML)、ベクター記述データ生成部1533は、帳票定義データに基づいてVMLのベクター記述データを生成し、生成したベクター記述データをHTMLデータ記憶部1410に記憶されたHTMLのDIV要素に追加して記憶させる(ステップS3)。また、ステップS2において、自装置のベクター画像制御部1520がSVGに対応すると判定すれば(ステップS2:SVG)、ベクター記述データ生成部1533は、帳票定義データに基づいてSVGのベクター記述データを生成し、生成したベクター記述データをHTMLデータ記憶部1410に記憶されたHTMLのDIV要素に追加して記憶させる(ステップS4)。   Then, the vector description data generation unit 1533 generates vector description data based on the form definition data stored in the form definition data storage unit 1420 according to the determination result by the vector language type determination unit 1532. For example, if it is determined in step S2 that the vector image control unit 1520 of the device itself is compatible with VML (step S2: VML), the vector description data generation unit 1533 generates VML vector description data based on the form definition data. The generated vector description data is added to the HTML DIV element stored in the HTML data storage unit 1410 and stored (step S3). If it is determined in step S2 that the vector image control unit 1520 of the device itself is compatible with SVG (step S2: SVG), the vector description data generation unit 1533 generates SVG vector description data based on the form definition data. Then, the generated vector description data is added to and stored in the HTML DIV element stored in the HTML data storage unit 1410 (step S4).

HTML制御部1510は、HTMLデータ記憶部1410に記憶されたHTMLデータに含まれるHTML要素に応じた画像データを生成し、ベクター画像制御部1520は、HTMLデータ記憶部1410に記憶されたHTMLデータのDIV要素に含まれるベクター記述データに応じたベクター画像を生成する。制御部1500は、HTML制御部1510が生成した画像データとベクター画像制御部1520が生成したベクター画像とを組み合わせて、表示部1100に表示させる(ステップS5)。   The HTML control unit 1510 generates image data corresponding to the HTML element included in the HTML data stored in the HTML data storage unit 1410, and the vector image control unit 1520 stores the HTML data stored in the HTML data storage unit 1410. A vector image corresponding to the vector description data included in the DIV element is generated. The control unit 1500 combines the image data generated by the HTML control unit 1510 and the vector image generated by the vector image control unit 1520 and causes the display unit 1100 to display them (step S5).

以上説明したように、本実施形態の帳票システム1によれば、クライアント端末1000は、様々な種別のウェブブラウザで共通して用いられるクライアントスクリプトにより処理を行うとともに、ウェブブラウザが備えるベクター画像の表示機能を用いてベクター画像を表示させるため、表現力の高い方法で、かつ自身の環境に依存せずに帳票データを表示することができる。すなわち、ユーザは、クライアント端末1000に帳票データを表示させるために、プラグインなどの特殊なアプリケーションをインストールしたり、バージョンアップしたりといった操作を行う必要がない。このように、本実施形態によれば、ユーザが特殊な操作を行うことなく、クライアント端末1000が変換プログラムを自動的に取得し、クライアント側で自動的に変換プログラムが実行され、ウェブブラウザの種別に応じた帳票データを生成、表示できる。また、生成された帳票レイアウトは、ベクター画像で生成されるため、従来から紙媒体で作成されている帳票レイアウトと同一の見たままの帳票をブラウザに表示することが可能となる。また、クライアント端末1000においてベクター記述データを生成するため、帳票サーバ2000側で何種類もの帳票情報を格納したり生成したりする必要もなく、サーバ負荷または運用負荷を軽減することができる。   As described above, according to the form system 1 of the present embodiment, the client terminal 1000 performs processing using a client script that is commonly used in various types of web browsers, and displays a vector image included in the web browser. Since the vector image is displayed using the function, it is possible to display the form data in a highly expressive manner and without depending on its own environment. That is, the user does not need to perform operations such as installing a special application such as a plug-in or upgrading the version in order to display the form data on the client terminal 1000. As described above, according to the present embodiment, the client terminal 1000 automatically acquires the conversion program without performing any special operation, and the conversion program is automatically executed on the client side. Can generate and display form data according to Further, since the generated form layout is generated as a vector image, it is possible to display a form as it is viewed from the same form as a form layout that has been conventionally created on a paper medium. Further, since the vector description data is generated in the client terminal 1000, it is not necessary to store or generate various types of form information on the form server 2000 side, and the server load or the operation load can be reduced.

<第2の実施形態>
次に、本発明の第2の実施形態について説明する。本実施形態の帳票システム1は第1の実施形態と同様であり、本実施形態において特徴的な点を以下に説明する。本実施形態において帳票サーバ2000からクライアント端末1000に送信される帳票定義データには、データ入力を受付ける帳票要素が含まれる。また、変換プログラムには、データ入力を受付ける帳票要素について、データ入力を受付ける領域(データ入力受付エリア)を示すベクター要素およびデータ入力を受付けるXHTML(Extensible HyperText Markup Language)の入力フォーム記述要素に変換するプログラムが含まれる。そして、クライアント端末1000のベクター記述データ生成部1533によってデータ入力受付エリアを示すベクター要素およびデータ入力を受付けるXHTMLの入力フォーム記述要素が生成され、表示部1100に表示されるものである。ここでは、入力フォーム記述要素としてXHTMLを用いているが、XHTMLやHTMLの要素に限らず、ブラウザが解釈可能な場合にはXFormsやWebForms等の要素を用いても良い。
<Second Embodiment>
Next, a second embodiment of the present invention will be described. The form system 1 of this embodiment is the same as that of the first embodiment, and the characteristic points of this embodiment will be described below. In the present embodiment, the form definition data transmitted from the form server 2000 to the client terminal 1000 includes a form element that accepts data input. The conversion program converts a form element that accepts data input into a vector element indicating an area (data input acceptance area) that accepts data input and an input form description element of XHTML (Extensible HyperText Markup Language) that accepts data input. A program is included. Then, the vector description data generation unit 1533 of the client terminal 1000 generates a vector element indicating a data input reception area and an XHTML input form description element for receiving data input, and displays them on the display unit 1100. Here, XHTML is used as an input form description element. However, elements such as XForms and WebForms may be used when the browser can interpret them, without being limited to XHTML or HTML elements.

図11は、帳票定義データに入力項目が含まれる場合の変換例を示す図である。図11(a)は、データ入力を受付ける帳票要素(textfield)の例を示す図である。図11(b−1)は、データ入力を受付ける帳票要素が変換されたベクター記述データ(VML)およびデータ入力を受付けるXHTMLデータの例を示す図である。図11(b−2)は、データ入力を受付ける帳票要素が変換されたベクター記述データ(SVG)およびデータ入力を受付けるXHTMLデータの例を示す図である。
図12は、入力項目が含まれるベクター画像の表示例を示す図である。ここでは、ベクター画像の帳票データ上にデータ入力受付エリアを示すベクター要素がグレーで表示され、XHTMLデータのテキスト入力機能により入力を受付ける。
このように、本実施形態によれば、表示部1100に表示された帳票データに応じてデータの入力を受付ける事が可能となり、帳票データへの情報入力をネットワーク上で完結することができる。
FIG. 11 is a diagram illustrating a conversion example when the form definition data includes an input item. FIG. 11A is a diagram showing an example of a form element (textfield) that accepts data input. FIG. 11B-1 is a diagram showing an example of vector description data (VML) in which form elements that accept data input are converted and XHTML data that accepts data input. FIG. 11B-2 is a diagram showing an example of vector description data (SVG) in which a form element that accepts data input is converted and XHTML data that accepts data input.
FIG. 12 is a diagram illustrating a display example of a vector image including input items. Here, the vector element indicating the data input reception area is displayed in gray on the form data of the vector image, and the input is accepted by the text input function of the XHTML data.
As described above, according to this embodiment, it is possible to accept data input according to the form data displayed on the display unit 1100, and information input to the form data can be completed on the network.

<第3の実施形態>
次に、本発明の第3の実施形態について説明する。本実施形態のクライアント端末1000は、第2の実施形態においてテキストボックスなどのデータ入力を受付けるXHTMLデータの入力機能により入力情報が入力された場合、入力された情報をベクター要素に変換するものである。
ここでは、入力を受付ける帳票要素を、データ入力受付エリアを示すベクター要素およびテキストボックスなどのデータ入力を受付けるXHTMLの入力フォーム記述要素に変換する処理を行う際に、テキストボックスなどの入力後に新たな変換プログラムを呼び出すように設定する。例えば、図13は、イベントに応じてベクター記述データを変換する場合のベクター記述データと変換プログラムコードとの例を示す図である。この場合、図13(a)に示すように、ベクター要素に埋め込まれたXHTMLの入力フォーム記述要素に、例えばonblurイベント(フォーカス喪失を示すイベント)時に”transforminput”という新たな変換プログラムを動作させる指示を記載しておく。そして、図13(b)に示すように、SCRIPT要素において、入力されたテキストをベクター要素のテキスト要素に変換し、XHTMLデータで生成されたテキストボックスを隠す(非表示にする)機能を有する新たな変換プログラム(transforminput)を実行する。
<Third Embodiment>
Next, a third embodiment of the present invention will be described. The client terminal 1000 according to the present embodiment converts input information into a vector element when input information is input by an input function of XHTML data that accepts data input such as a text box in the second embodiment. .
Here, when processing to convert a form element that accepts input into a vector element indicating a data input acceptance area and an XHTML input form description element that accepts data input such as a text box, a new element is entered after the text box is entered. Set to call the conversion program. For example, FIG. 13 is a diagram illustrating an example of vector description data and conversion program code when converting vector description data according to an event. In this case, as shown in FIG. 13A, an instruction to operate a new transformation program called “transforminput” on an input form description element of XHTML embedded in a vector element, for example, at an onblur event (an event indicating a loss of focus) Is described. Then, as shown in FIG. 13B, in the SCRIPT element, the input text is converted into a vector element text element, and a new function having a function of hiding (hiding) the text box generated by the XHTML data. The transformation program (transforminput).

図14は、このようにXHTMLの入力フォーム記述要素に入力されたデータをベクター画像に変換する場合の表示例を示す図である。図14(a)は、変換前のXHTML要の入力フォーム記述素およびXHTMLに入力されたデータの表示例を示す図である。ここで、テキストボックスから、マウスやタブキーなどでフォーカスが他のコントロールに移動すると、図14(b)のように表示される。図14(b)は、変換後のベクター画像の表示例を示す図である。
このように、本実施形態によれば、入力された内容がテキストではなくベクター画像に変換されるため、帳票データ全体の拡大・縮小などを簡単に行うことが可能となる。
FIG. 14 is a diagram illustrating a display example in the case where the data input to the input form description element of XHTML is converted into a vector image. FIG. 14A is a view showing a display example of input form descriptors required for XHTML before conversion and data input to XHTML. Here, when the focus is moved from the text box to another control with a mouse, a tab key, or the like, the display is as shown in FIG. FIG. 14B is a diagram illustrating a display example of the vector image after conversion.
As described above, according to the present embodiment, since the input content is converted into a vector image instead of text, the entire form data can be easily enlarged or reduced.

<第4の実施形態>
次に、本発明の第4の実施形態について説明する。本実施形態の帳票システム1は第1の実施形態および第2の実施形態と同様であり、本実施形態において特徴的な点を以下に説明する。本実施形態におけるベクター記述データ生成部1533は、帳票定義データにおける帳票要素を拡大または縮小したベクター記述データを生成する。すなわち、帳票データに多くの項目が含まれていたり、帳票データを全体表示した場合に文字や入力フィールドが小さくなったりすることが考えられるため、帳票データを拡大したり、縮小したりする。
<Fourth Embodiment>
Next, a fourth embodiment of the present invention will be described. The form system 1 of this embodiment is the same as that of the first embodiment and the second embodiment, and characteristic points in this embodiment will be described below. The vector description data generation unit 1533 in the present embodiment generates vector description data in which form elements in the form definition data are enlarged or reduced. That is, it is possible that the form data includes many items, or that the text and input fields become smaller when the entire form data is displayed. Therefore, the form data is enlarged or reduced.

ここでは、帳票サーバ2000が送信するHTMLデータには、例えば図12の画面上部に示されるように、予め拡大または縮小を受付けるためのボタンを表示しておくとともに、ボタンが押下されたイベントに対応して、押下されたボタンの拡大率または縮小率に応じた数値に、DIV要素に埋め込まれたHTMLデータまたはベクター記述データのタグを更新するプログラムを記載しておく。そして、ユーザが拡大または縮小のボタンを押下すると、ベクター記述データ生成部1533は、このイベントに対応して、HTMLデータまたはベクター記述データのDOMツリーの更新を行う。   Here, in the HTML data transmitted by the form server 2000, for example, as shown in the upper part of the screen of FIG. 12, a button for accepting enlargement or reduction is displayed in advance, and the event corresponding to the pressed button is displayed. Then, a program for updating the tag of HTML data or vector description data embedded in the DIV element is described in a numerical value corresponding to the enlargement ratio or reduction ratio of the pressed button. When the user presses the enlargement or reduction button, the vector description data generation unit 1533 updates the DOM tree of HTML data or vector description data in response to this event.

ここでは、例えば、ベクター記述データ生成部1533は、HTMLデータにおけるHTML要素またはベクター記述データにおけるベクター要素に、初期表示の値をdefault_size属性やdefault_font_size属性として設定し、予めDOMイメージに追加しておく。そして、ボタンを押下されることにより指定された拡大率または縮小率に応じて各属性の値を計算し、これをもとにベクター画像の拡大・縮小を行うとともに、フォントの拡大・縮小を行う。ここで、ベクター画像の種別によっては、フォントの拡大・縮小は省略可能である。   Here, for example, the vector description data generation unit 1533 sets initial display values as default_size attributes and default_font_size attributes in the HTML elements in the HTML data or the vector elements in the vector description data, and adds them to the DOM image in advance. Then, the value of each attribute is calculated according to the specified enlargement ratio or reduction ratio when the button is pressed, and the vector image is enlarged / reduced based on this value, and the font is enlarged / reduced. . Here, the enlargement / reduction of the font can be omitted depending on the type of the vector image.

例えば、VMLにおいて2倍から3倍に変換する場合、Groupタグのstyle属性内におけるWIDTHとHEIGHTを変更することで、ベクター要素の拡大・縮小を行うとともに、textareaタグのstyle属性内のFONT−SIZE、inputタグのstyle属性内のFONT−SIZEなどを同じ倍率に変更する。このように倍率を同時に変更することで、帳票全体の拡大・縮小を実現する。図15(a)は、ベクター記述データ生成部1533による変換前のベクター記述データの例を示す図である。図15(b)は、ベクター記述データ生成部1533による変換後のベクター記述データの例を示す図である。ここでは、例えば1行目に示されるWIDTH属性が1200pxから1800pxに変換されている。   For example, when converting from 2 times to 3 times in VML, the WIDTH and HEIGHT in the group tag's style attribute are changed to expand / reduce the vector element, and the FONT-SIZE in the style attribute of the textarea tag. , FONT-SIZE in the style attribute of the input tag is changed to the same magnification. By simultaneously changing the magnification in this way, the entire form can be enlarged or reduced. FIG. 15A is a diagram illustrating an example of vector description data before conversion by the vector description data generation unit 1533. FIG. 15B is a diagram illustrating an example of vector description data after conversion by the vector description data generation unit 1533. Here, for example, the WIDTH attribute shown in the first line is converted from 1200 px to 1800 px.

あるいは、例えば、ベクター要素に拡大率または縮小率の数値を示すZOOM属性を設定し、ZOOM属性の設定値に応じてベクター要素の大きさを変更するようにしても良い。
このように、本実施形態によれば、例えば入力項目を含むベクター要素の拡大・縮小が可能となるため、帳票データへの情報入力時に、帳票全体が表示された状態だと小さくて入力が難しい場合にベクター画像および入力を受付けるためのXHTMLの画像を拡大して情報を入力することが可能であり、入力後にまた元の大きさに戻す事も可能となる。
Alternatively, for example, a ZOOM attribute indicating a numerical value of the enlargement ratio or reduction ratio may be set in the vector element, and the size of the vector element may be changed according to the set value of the ZOOM attribute.
Thus, according to the present embodiment, for example, vector elements including input items can be enlarged / reduced. Therefore, when inputting information to form data, it is small and difficult to input if the entire form is displayed. In some cases, it is possible to input information by enlarging a vector image and an XHTML image for accepting input, and it is also possible to restore the original size after input.

このように、本実施形態によれば、例えば従来はクライアント端末によってダウンロードした帳票データを紙媒体に印刷し、ユーザが必要事項を記入して郵送したり、帳票サーバがネットワークを介してクライアント端末から受信した情報を定められた帳票の紙媒体に印刷し、ユーザに郵送したりして事務処理を行っていた場合にも、このような情報通信と紙媒体の郵送との併用ではなく、ネットワークを介した通信のみによって事務処理を完結させ、より効率良く帳票処理を行うことが可能となる。   As described above, according to the present embodiment, for example, conventionally, form data downloaded by a client terminal is printed on a paper medium, a user fills in necessary items and mails it, or a form server is sent from a client terminal via a network. Even if the received information is printed on paper media of a specified form and mailed to the user for paperwork, the network is not used in combination with such information communication and paper media mailing. It is possible to complete the paperwork only by communication via the network, and to perform the form processing more efficiently.

なお、本発明における各処理部の機能を実現するためのプログラムをコンピュータ読み取り可能な記録媒体に記録して、この記録媒体に記録されたプログラムをコンピュータシステムに読み込ませ、実行することにより帳票処理を行ってもよい。なお、ここでいう「コンピュータシステム」とは、OSや周辺機器等のハードウェアを含むものとする。また、「コンピュータシステム」は、ホームページ提供環境(あるいは表示環境)を備えたWWWシステムも含むものとする。また、「コンピュータ読み取り可能な記録媒体」とは、フレキシブルディスク、光磁気ディスク、ROM、CD−ROM等の可搬媒体、コンピュータシステムに内蔵されるハードディスク等の記憶装置のことをいう。さらに「コンピュータ読み取り可能な記録媒体」とは、インターネット等のネットワークや電話回線等の通信回線を介してプログラムが送信された場合のサーバやクライアントとなるコンピュータシステム内部の揮発性メモリ(RAM)のように、一定時間プログラムを保持しているものも含むものとする。   It should be noted that a program for realizing the function of each processing unit in the present invention is recorded on a computer-readable recording medium, and the program recorded on the recording medium is read into a computer system and executed to perform form processing. You may go. Here, the “computer system” includes an OS and hardware such as peripheral devices. The “computer system” includes a WWW system having a homepage providing environment (or display environment). The “computer-readable recording medium” refers to a storage device such as a flexible medium, a magneto-optical disk, a portable medium such as a ROM and a CD-ROM, and a hard disk incorporated in a computer system. Further, the “computer-readable recording medium” refers to a volatile memory (RAM) in a computer system that becomes a server or a client when a program is transmitted via a network such as the Internet or a communication line such as a telephone line. In addition, those holding programs for a certain period of time are also included.

また、上記プログラムは、このプログラムを記憶装置等に格納したコンピュータシステムから、伝送媒体を介して、あるいは、伝送媒体中の伝送波により他のコンピュータシステムに伝送されてもよい。ここで、プログラムを伝送する「伝送媒体」は、インターネット等のネットワーク(通信網)や電話回線等の通信回線(通信線)のように情報を伝送する機能を有する媒体のことをいう。また、上記プログラムは、前述した機能の一部を実現するためのものであっても良い。さらに、前述した機能をコンピュータシステムにすでに記録されているプログラムとの組み合わせで実現できるもの、いわゆる差分ファイル(差分プログラム)であっても良い。   The program may be transmitted from a computer system storing the program in a storage device or the like to another computer system via a transmission medium or by a transmission wave in the transmission medium. Here, the “transmission medium” for transmitting the program refers to a medium having a function of transmitting information, such as a network (communication network) such as the Internet or a communication line (communication line) such as a telephone line. The program may be for realizing a part of the functions described above. Furthermore, what can implement | achieve the function mentioned above in combination with the program already recorded on the computer system, what is called a difference file (difference program) may be sufficient.

1 帳票システム
1000 クライアント端末
1100 表示部
1200 入力部
1300 ウェブブラウザ
1400 記憶部
1410 HTMLデータ記憶部
1420 帳票定義データ記憶部
1430 変換プログラム記憶部
1500 制御部
1510 HTML制御部
1520 ベクター画像制御部
1530 クライアントスクリプト制御部
1531 帳票定義データ取得部
1532 ベクター言語種別判定部
1533 ベクター記述データ生成部
1600 通信部
2000 帳票サーバ
2100 記憶部
2110 HTMLデータ記憶部
2120 帳票定義データ記憶部
2130 変換プログラム記憶部
2200 制御部
2300 通信部
DESCRIPTION OF SYMBOLS 1 Form system 1000 Client terminal 1100 Display part 1200 Input part 1300 Web browser 1400 Storage part 1410 HTML data storage part 1420 Form definition data storage part 1430 Conversion program storage part 1500 Control part 1510 HTML control part 1520 Vector image control part 1530 Client script control Unit 1531 Form definition data acquisition unit 1532 Vector language type determination unit 1533 Vector description data generation unit 1600 Communication unit 2000 Form server 2100 Storage unit 2110 HTML data storage unit 2120 Form definition data storage unit 2130 Conversion program storage unit 2200 Control unit 2300 Communication unit

Claims (8)

定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部と、
前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部と、
前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部と、前記帳票定義データが記憶される第2の帳票定義データ記憶部と、前記変換プログラムが記憶される第2の変換プログラム記憶部と、前記帳票定義データ記憶部に記憶される前記帳票定義データをネットワークを介して取得し、取得した前記帳票定義データを前記第2の帳票定義データ記憶部に記憶させる帳票定義データ取得部と、前記変換プログラム記憶部に記憶される前記変換プログラムをネットワークを介して取得し、取得した前記変換プログラムを前記第2の変換プログラム記憶部に記憶させる変換プログラム取得部と、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定するベクター言語種別判定部と、前記第2の変換プログラム記憶部に記憶された前記変換プログラムを用いて、前記第2の帳票定義データ記憶部に記憶された前記帳票定義データに基づいて、前記ベクター言語種別判定部による判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成する制御部と、前記制御部によって生成された前記ベクター記述データに基づいて生成されるベクター画像を表示する表示部とを備えるクライアント端末に、前記帳票定義データ記憶部に記憶される前記帳票定義データと、前記変換プログラム記憶部に記憶される前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信する通信部と
を備えることを特徴とする帳票サーバ装置。
A form definition data storage unit for storing form definition data including a form element indicating the shape or data item of a defined figure;
A conversion program storage unit for storing a conversion program for generating vector description data described in a vector language defined among a plurality of types of vector languages based on the form definition data;
A vector image control unit that generates a vector image based on the vector description data, a second form definition data storage unit that stores the form definition data, and a second conversion program storage unit that stores the conversion program A form definition data acquisition unit that acquires the form definition data stored in the form definition data storage unit via a network, and stores the acquired form definition data in the second form definition data storage unit; Corresponding to a conversion program acquisition unit that acquires the conversion program stored in the conversion program storage unit via a network and stores the acquired conversion program in the second conversion program storage unit, and the vector image control unit A vector language type determination unit for determining a type of the vector language to be performed, and the second conversion program Using the conversion program stored in the storage unit, based on the form definition data stored in the second form definition data storage unit, the vector language according to the determination result by the vector language type determination unit The form definition data storage in a client terminal comprising: a control unit that generates the described vector description data; and a display unit that displays a vector image generated based on the vector description data generated by the control unit. A form server device comprising: a communication unit that transmits form generation information including the form definition data stored in a unit and the conversion program stored in the conversion program storage unit via a network. .
前記帳票生成情報には、前記変換プログラムの取得先を示す情報が含まれ、
前記帳票定義データ取得部は、前記帳票生成情報に含まれる前記変換プログラムの取得先を示す情報に基づいて、当該取得先から前記帳票定義データを取得して、取得した当該帳票定義データを前記第2の帳票定義データ記憶部に記憶させ、
前記通信部は、
前記帳票生成情報に含まれる前記変換プログラムの取得先を示す情報に基づいて、当該取得先から前記帳票定義データを取得して、取得した当該帳票定義データを前記第2の帳票定義データ記憶部に記憶させる前記帳票定義データ取得部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信する
ことを特徴とする請求項1に記載の帳票サーバ装置。
The form generation information includes information indicating the acquisition destination of the conversion program,
The form definition data acquisition unit acquires the form definition data from the acquisition destination based on information indicating the acquisition destination of the conversion program included in the form generation information, and the acquired form definition data is 2 in the form definition data storage unit
The communication unit is
Based on the information indicating the acquisition destination of the conversion program included in the form generation information, the form definition data is acquired from the acquisition destination, and the acquired form definition data is stored in the second form definition data storage unit. The form server device according to claim 1, wherein the form generation information is transmitted via a network to the client terminal including the form definition data acquisition unit to be stored.
前記帳票定義データには、データ入力を受付ける帳票要素が含まれ、
前記変換プログラムには、前記データ入力を受付ける帳票要素を、前記ベクター言語以外のデータ入力を受付ける入力フォーム記述要素に変換するプログラムが含まれ、
前記制御部は、前記変換プログラムを用いて、前記データ入力を受付ける帳票要素を、前記ベクター言語以外のデータ入力を受付ける入力フォーム記述要素に変換し、
前記通信部は、
前記変換プログラムを用いて、前記データ入力を受付ける帳票要素を、前記ベクター言語以外のデータ入力を受付ける入力フォーム記述要素に変換する前記制御部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信する
ことを特徴とする請求項1または請求項2に記載の帳票サーバ装置。
The form definition data includes form elements that accept data input,
The conversion program includes a program for converting a form element that accepts the data input into an input form description element that accepts data input other than the vector language,
The control unit uses the conversion program to convert a form element that accepts the data input into an input form description element that accepts data input other than the vector language,
The communication unit is
Using the conversion program, the form generation information is received via the network on the client terminal including the control unit that converts the form element that receives the data input into the input form description element that receives the data input other than the vector language. The form server device according to claim 1, wherein the form server device is transmitted.
前記制御部は、前記データ入力を受付ける帳票要素に応じて入力された情報に基づいて前記ベクター記述データを生成し、
前記通信部は、
前記データ入力を受付ける帳票要素に応じて入力された情報に基づいて前記ベクター記述データを生成する前記制御部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信する
ことを特徴とする請求項3に記載の帳票サーバ装置。
The control unit generates the vector description data based on information input according to a form element that accepts the data input,
The communication unit is
The form generation information is transmitted via a network to the client terminal including the control unit that generates the vector description data based on information input according to a form element that accepts the data input. The form server device according to claim 3.
前記制御部は、前記帳票要素を拡大または縮小した前記ベクター記述データを生成し、
前記通信部は、
前記帳票要素を拡大または縮小した前記ベクター記述データを生成する前記制御部を備える前記クライアント端末に、ネットワークを介して前記帳票生成情報を送信する
ことを特徴とする請求項1から請求項4までのいずれか1項に記載の帳票サーバ装置。
The control unit generates the vector description data obtained by enlarging or reducing the form element,
The communication unit is
The form generation information is transmitted via a network to the client terminal including the control unit that generates the vector description data in which the form element is enlarged or reduced. The form server device according to any one of the above items.
定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部から、前記帳票定義データを取得するステップと、
前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部から、前記変換プログラムを取得するステップと、
前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部と、前記帳票定義データが記憶される第2の帳票定義データ記憶部と、前記変換プログラムが記憶される第2の変換プログラム記憶部と、前記帳票定義データ記憶部に記憶される前記帳票定義データをネットワークを介して取得し、取得した前記帳票定義データを前記第2の帳票定義データ記憶部に記憶させる帳票定義データ取得部と、前記変換プログラム記憶部に記憶される前記変換プログラムをネットワークを介して取得し、取得した前記変換プログラムを前記第2の変換プログラム記憶部に記憶させる変換プログラム取得部と、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定するベクター言語種別判定部と、前記第2の変換プログラム記憶部に記憶された前記変換プログラムを用いて、前記第2の帳票定義データ記憶部に記憶された前記帳票定義データに基づいて、前記ベクター言語種別判定部による判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成する制御部と、前記制御部によって生成された前記ベクター記述データに基づいて生成されるベクター画像を表示する表示部とを備えるクライアント端末に、前記帳票定義データ記憶部から取得された前記帳票定義データと、前記変換プログラム記憶部から取得された前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信するステップと、
を有することを特徴とする帳票サーバ装置の制御方法。
Obtaining the form definition data from a form definition data storage unit in which form definition data including form elements indicating the shape or data item of the defined figure is stored;
Acquiring the conversion program from a conversion program storage unit storing a conversion program for generating vector description data described in a vector language defined among a plurality of types of vector languages based on the form definition data; ,
A vector image control unit that generates a vector image based on the vector description data, a second form definition data storage unit that stores the form definition data, and a second conversion program storage unit that stores the conversion program A form definition data acquisition unit that acquires the form definition data stored in the form definition data storage unit via a network, and stores the acquired form definition data in the second form definition data storage unit; Corresponding to a conversion program acquisition unit that acquires the conversion program stored in the conversion program storage unit via a network and stores the acquired conversion program in the second conversion program storage unit, and the vector image control unit A vector language type determination unit for determining a type of the vector language to be performed, and the second conversion program Using the conversion program stored in the storage unit, based on the form definition data stored in the second form definition data storage unit, the vector language according to the determination result by the vector language type determination unit The form definition data storage in a client terminal comprising: a control unit that generates the described vector description data; and a display unit that displays a vector image generated based on the vector description data generated by the control unit. Transmitting the form generation information including the form definition data acquired from the section and the conversion program acquired from the conversion program storage section via a network;
A control method for a form server device, comprising:
コンピュータに、
定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部から、前記帳票定義データを取得するステップと、
前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部から、前記変換プログラムを取得するステップと、
前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部と、前記帳票定義データが記憶される第2の帳票定義データ記憶部と、前記変換プログラムが記憶される第2の変換プログラム記憶部と、前記帳票定義データ記憶部に記憶される前記帳票定義データをネットワークを介して取得し、取得した前記帳票定義データを前記第2の帳票定義データ記憶部に記憶させる帳票定義データ取得部と、前記変換プログラム記憶部に記憶される前記変換プログラムをネットワークを介して取得し、取得した前記変換プログラムを前記第2の変換プログラム記憶部に記憶させる変換プログラム取得部と、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定するベクター言語種別判定部と、前記第2の変換プログラム記憶部に記憶された前記変換プログラムを用いて、前記第2の帳票定義データ記憶部に記憶された前記帳票定義データに基づいて、前記ベクター言語種別判定部による判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成する制御部と、前記制御部によって生成された前記ベクター記述データに基づいて生成されるベクター画像を表示する表示部とを備えるクライアント端末に、前記帳票定義データ記憶部から取得された前記帳票定義データと、前記変換プログラム記憶部から取得された前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信するステップと、
を実行させるための帳票サーバ装置の制御プログラム。
On the computer,
Obtaining the form definition data from a form definition data storage unit in which form definition data including form elements indicating the shape or data item of the defined figure is stored;
Acquiring the conversion program from a conversion program storage unit storing a conversion program for generating vector description data described in a vector language defined among a plurality of types of vector languages based on the form definition data; ,
A vector image control unit that generates a vector image based on the vector description data, a second form definition data storage unit that stores the form definition data, and a second conversion program storage unit that stores the conversion program A form definition data acquisition unit that acquires the form definition data stored in the form definition data storage unit via a network, and stores the acquired form definition data in the second form definition data storage unit; Corresponding to a conversion program acquisition unit that acquires the conversion program stored in the conversion program storage unit via a network and stores the acquired conversion program in the second conversion program storage unit, and the vector image control unit A vector language type determination unit for determining a type of the vector language to be performed, and the second conversion program Using the conversion program stored in the storage unit, based on the form definition data stored in the second form definition data storage unit, the vector language according to the determination result by the vector language type determination unit The form definition data storage in a client terminal comprising: a control unit that generates the described vector description data; and a display unit that displays a vector image generated based on the vector description data generated by the control unit. Transmitting the form generation information including the form definition data acquired from the section and the conversion program acquired from the conversion program storage section via a network;
Control program for the form server device for executing
定められた図形の形状またはデータ項目を示す帳票要素が含まれる帳票定義データが記憶される帳票定義データ記憶部と、
前記帳票定義データに基づいて、複数種別のベクター言語のうち定められたベクター言語によって記述されたベクター記述データを生成する変換プログラムが記憶される変換プログラム記憶部と、
前記ベクター記述データに基づいてベクター画像を生成するベクター画像制御部を備え、前記ベクター画像制御部に対応する前記ベクター言語の種別を判定し、ネットワークを介して取得した前記変換プログラム及び前記帳票定義データに基づいて、前記ベクター言語の種別の判定結果に応じた前記ベクター言語により記述された前記ベクター記述データを生成するとともに、生成された前記ベクター記述データに基づいて前記ベクター画像制御部が生成するベクター画像を表示するクライアント端末に、前記帳票定義データ記憶部に記憶される前記帳票定義データと、前記変換プログラム記憶部に記憶される前記変換プログラムとを含む帳票生成情報を、ネットワークを介して送信する通信部と
を備えることを特徴とする帳票サーバ装置。
A form definition data storage unit for storing form definition data including a form element indicating the shape or data item of a defined figure;
A conversion program storage unit for storing a conversion program for generating vector description data described in a vector language defined among a plurality of types of vector languages based on the form definition data;
A vector image control unit that generates a vector image based on the vector description data; the type of the vector language corresponding to the vector image control unit is determined; and the conversion program and the form definition data acquired via a network Based on the vector language, the vector description data described in the vector language according to the determination result of the vector language type is generated, and the vector image control unit generates the vector based on the generated vector description data Form generation information including the form definition data stored in the form definition data storage unit and the conversion program stored in the conversion program storage unit is transmitted to a client terminal that displays an image via a network. A form server device comprising: a communication unit.
JP2012180423A 2012-08-16 2012-08-16 Form server device, control method for form server device, and control program for form server device Active JP5427931B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2012180423A JP5427931B2 (en) 2012-08-16 2012-08-16 Form server device, control method for form server device, and control program for form server device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2012180423A JP5427931B2 (en) 2012-08-16 2012-08-16 Form server device, control method for form server device, and control program for form server device

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2010018348A Division JP5069322B2 (en) 2010-01-29 2010-01-29 Form generation device, form generation method, and form generation program

Publications (2)

Publication Number Publication Date
JP2012216245A JP2012216245A (en) 2012-11-08
JP5427931B2 true JP5427931B2 (en) 2014-02-26

Family

ID=47268893

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2012180423A Active JP5427931B2 (en) 2012-08-16 2012-08-16 Form server device, control method for form server device, and control program for form server device

Country Status (1)

Country Link
JP (1) JP5427931B2 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6625825B2 (en) * 2015-05-22 2019-12-25 キョードー・システムズ株式会社 Screen creation device for client terminal and data collection / inquiry system using the same

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002368939A (en) * 2001-06-06 2002-12-20 Bisket Kk Image processing service providing system and providing method, and program for providing image processing service
JP4356859B2 (en) * 2001-06-26 2009-11-04 株式会社Pfu Form processing apparatus and program thereof, form definition information creation apparatus and program thereof
JP2007206754A (en) * 2006-01-30 2007-08-16 Konica Minolta Business Technologies Inc Image processor

Also Published As

Publication number Publication date
JP2012216245A (en) 2012-11-08

Similar Documents

Publication Publication Date Title
US6477549B1 (en) Transmission document editing device, a server device in a communication document processing system, and a computer-readable record medium that stores the function thereof
US8549395B2 (en) Method and system for transforming an integrated webpage
US10902193B2 (en) Automated generation of web forms using fillable electronic documents
CN101523336B (en) Terminal, content display method
US20110016403A1 (en) Website browsing system, server and client terminal
US20110078593A1 (en) Web browser transmission server and method of controlling operation of same
US9619440B2 (en) Document conversion apparatus
US9117314B2 (en) Information output apparatus, method, and recording medium for displaying information on a video display
WO2022048141A1 (en) Image processing method and apparatus, and computer readable storage medium
CN110837347A (en) Webpage printing method based on analysis plug-in, server and storage medium
US9886426B1 (en) Methods and apparatus for generating an efficient SVG file
KR20140055004A (en) Apparatus and method for converting web page data and, server
JP5427931B2 (en) Form server device, control method for form server device, and control program for form server device
JP5069322B2 (en) Form generation device, form generation method, and form generation program
JP6897303B2 (en) Document conversion program, document conversion method and document conversion device
JP4750128B2 (en) Browser with numbering function
JP2002297440A (en) Information provision method, information provision device and storage medium with program for making computer execute processing in the device stored therein
JP2011248670A (en) Web browsing system, relay server, and web browsing method
US20150116763A1 (en) Method of executing web application in image forming apparatus and image forming apparatus to perform the method
JP3589400B2 (en) Server client system, network server, client, form providing method, storage medium, and program transmission device
CN110597592A (en) Processing method of input method keyboard, display device and storage medium
JP5052058B2 (en) Information processing apparatus, information processing method, and information processing program
JP4007452B2 (en) System and program for displaying device information using browser
JP4970980B2 (en) Information processing apparatus and program
WO2012164672A1 (en) Content display device and program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20120816

RD02 Notification of acceptance of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7422

Effective date: 20130516

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20130816

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20131202

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

Ref document number: 5427931

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

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