JP2016170661A - Information processing system, server device, information processing device, control method and program - Google Patents
Information processing system, server device, information processing device, control method and program Download PDFInfo
- Publication number
- JP2016170661A JP2016170661A JP2015050557A JP2015050557A JP2016170661A JP 2016170661 A JP2016170661 A JP 2016170661A JP 2015050557 A JP2015050557 A JP 2015050557A JP 2015050557 A JP2015050557 A JP 2015050557A JP 2016170661 A JP2016170661 A JP 2016170661A
- Authority
- JP
- Japan
- Prior art keywords
- screen
- editing
- information
- page
- data
- 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.)
- Pending
Links
Images
Landscapes
- Document Processing Apparatus (AREA)
Abstract
Description
本発明は、情報処理システム、サーバ装置、情報処理装置、制御方法、及びプログラムに関する。 The present invention relates to an information processing system, a server device, an information processing device, a control method, and a program.
ペーパーレス化による業務の効率化や省資源化を目的に、紙媒体の情報を文書データに置き換える企業が増加している。例えば、社内で運用されている業務帳票もその対象となることが多く、特に基幹系システムが出力する帳票は大量のページ数を出力するため運用コストが莫大なものになることから、帳票の電子化が積極的に行われている。また、帳票の雛型となるフォーム情報に対して、フィールドデータをオーバレイ処理する(フォームに対してフィールドデータを流し込んで適用する)ことによって、PDF形式などの帳票文書(帳票イメージ)を作成する方法が提案されている。 Increasingly, companies are replacing paper media information with document data for the purpose of improving business efficiency and saving resources by making paperless. For example, business forms that are operated in-house are often the target, especially because the forms output by the core system output a large number of pages and the operation cost becomes enormous. Is being actively promoted. Also, a method for creating a form document (form image) such as a PDF format by overlaying field data on the form information that forms the form template (flowing field data into the form and applying it). Has been proposed.
また、サーバーコンピュータ側で業務データの管理や各種処理を行う形態として、クラウドコンピューティングシステムが普及し始めている。ユーザは、クライアントコンピュータのWebブラウザからインターネットを介してクラウドサーバコンピュータのWebページにアクセスし、Webページ上で電子化された帳票文書を閲覧する。さらに、業務フローに応じて、閲覧している帳票文書データを編集・印刷することが考えられる。このとき、帳票の雛型となるフォーム情報自体に対しても編集できることが望まれる。 In addition, cloud computing systems have begun to spread as a form of managing business data and various processes on the server computer side. The user accesses the web page of the cloud server computer via the Internet from the web browser of the client computer, and browses the document document digitized on the web page. Furthermore, it is conceivable to edit / print the document data being viewed according to the business flow. At this time, it is desirable to be able to edit the form information itself as a template of the form.
特許文献1は、帳票デザイン端末装置においてフォーム設定者が電子的な帳票の入力フォーム(フォームデータ)をデザインする帳票管理システムを開示している。また、特許文献1では、入力フォームを編集するための画面(帳票フォーム設計画面)が表示されることが記述されている。
しかしながら、特許文献1では、入力フォームを編集するために専用のGUI(Graphical User Interface)を用いる必要がある。また、GUIを介して編集された入力フォームは、帳票データ管理サーバにアップロードされ、データ入力者に提供される。すなわち、編集した入力フォームをデータ入力者に提供するには、編集前の入力フォームを上書きする必要があり、編集前と編集後の両方の帳票のレイアウトを保持することができない。編集後の入力フォームを別の入力フォームとして保存することも考えられるが、編集前と編集後の両入力フォームは紐づけられない。
However, in
本発明は、Webブラウザにおいて帳票ページのレイアウトの編集を可能とし、また、編集前と編集後の両方のレイアウトを用いて帳票ページを閲覧することを可能とする情報処理システムを提供することを目的とする。 SUMMARY OF THE INVENTION An object of the present invention is to provide an information processing system that enables editing of a layout of a form page in a Web browser and allows browsing of the form page using both the layout before and after editing. And
本発明の一実施形態の情報処理システムは、帳票のフォーム情報とフィールドデータとをオーバレイ出力することにより帳票ページを生成する帳票生成手段と、帳票ページのレイアウトを編集するための編集画面を表示させるためのデータを生成する編集画面生成手段と、を備え、データは、少なくとも編集画面に表示される画面部品の配置に関する画面部品情報を含み、編集画面において編集操作がされた場合、編集操作に基づき画面部品情報を更新する更新手段と、更新された画面部品情報と、更新される前の帳票ページのレイアウトを示すフォーム情報とを紐づける紐づけ手段と、をさらに備える。 An information processing system according to an embodiment of the present invention displays a form generation means for generating a form page by outputting the form information and field data of the form as an overlay, and an editing screen for editing the layout of the form page. Editing screen generation means for generating data for the data, the data includes at least screen part information related to the arrangement of the screen parts displayed on the editing screen, and when the editing operation is performed on the editing screen, based on the editing operation Update means for updating the screen component information, and association means for associating the updated screen component information with the form information indicating the layout of the form page before being updated.
本発明によれば、Webブラウザにおいて帳票ページのレイアウトの編集を可能とし、また、編集前と編集後の両方のレイアウトを用いて帳票ページを閲覧することができる。これにより、専用の編集ソフトウェアを有する情報処理装置に限定せず、Webブラウザを有する情報処理装置であれば、帳票ページの編集及び閲覧が可能となり、帳票に関わる操作を容易に行うことが可能となる。 According to the present invention, the layout of a form page can be edited in a Web browser, and the form page can be viewed using both the pre-edited layout and the edited layout. As a result, the information processing apparatus is not limited to an information processing apparatus having dedicated editing software, and an information processing apparatus having a Web browser can edit and view a form page and can easily perform operations related to the form. Become.
以下、本発明を実施するための形態について図面などを参照して説明する。
(第1実施形態)
図1は、本実施形態のシステム構成例を示す図である。
図1に示す情報処理システムは、帳票生成サーバ101とクライアント装置102を備える。帳票生成サーバ101は、本実施形態のサーバ装置である。帳票生成サーバ101は、オーバレイ出力処理を実行する。すなわち、帳票生成サーバ101は、テキストデータであるフィールドデータファイルと、所定のフォーム情報を含むフォーム情報ファイルとを重ね合わせて、帳票ページを生成する。そして、帳票生成サーバ101は、クライアント装置102からのリクエスト(要求)に応じて、仮想プリンタに指示して、帳票ページに対応する印刷データを電子ファイルとして生成する。
Hereinafter, embodiments for carrying out the present invention will be described with reference to the drawings.
(First embodiment)
FIG. 1 is a diagram illustrating a system configuration example of the present embodiment.
The information processing system illustrated in FIG. 1 includes a
また、帳票生成サーバ101は、編集用帳票閲覧画面データ、及び帳票閲覧画面データの生成処理を実行する。編集用帳票閲覧画面データは、帳票ページのレイアウト(雛形)の閲覧及び編集を行うための閲覧画面(編集用帳票閲覧画面)を表示させるためのデータである。本実施形態では、レイアウト編集画面データは、少なくとも、パーツ情報ファイルと、編集可能な帳票ページと、編集プログラムとを含む。
Further, the
帳票閲覧画面データは、帳票ページの閲覧及び帳票ページに表示されたフィールドデータの編集を行うための閲覧画面(帳票閲覧画面)を表示させるためのデータである。本実施形態では、帳票閲覧画面データは、少なくとも、編集可能な帳票ページと、帳票閲覧プログラムとを含む。ユーザが編集用帳票閲覧画面において編集した帳票ページのレイアウトで帳票ページを閲覧する場合には、帳票閲覧画面データは、パーツ情報ファイルを含む。詳細は、図14を参照して後述する。 The form browsing screen data is data for displaying a browsing screen (form browsing screen) for browsing a form page and editing field data displayed on the form page. In the present embodiment, the form browsing screen data includes at least an editable form page and a form browsing program. When the user views the form page with the layout of the form page edited by the user on the edit form view screen, the form view screen data includes a part information file. Details will be described later with reference to FIG.
パーツ情報ファイルは、帳票ページに含まれる画面部品等の画像の配置に関する情報が記述されたファイル(画面部品情報)である。詳細は、図9を参照して後述する。編集プログラムは、帳票ページのレイアウトの閲覧及び編集を制御するための制御プログラムである。帳票閲覧プログラムは、帳票ページの閲覧及び編集を制御するための制御プログラムである。本実施形態では、編集プログラム及び帳票閲覧プログラムは、ネットワークを介して配信できる、Webブラウザ上で動作するウェブアプリケーションである。 The part information file is a file (screen part information) in which information related to the arrangement of images such as screen parts included in the form page is described. Details will be described later with reference to FIG. The editing program is a control program for controlling browsing and editing of the layout of the form page. The form browsing program is a control program for controlling browsing and editing of the form page. In the present embodiment, the editing program and the form browsing program are web applications that can be distributed via a network and operate on a web browser.
編集プログラム及び帳票閲覧プログラムは、例えば、ウェブページを表現するマッシュアップ言語(HTML)及びWebブラウザ上で動作するプログラミング言語であるJava Scriptにより動作するアプリケーションプログラム(Javaプログラム)である。なお、Java、及びJavaScriptは、登録商標である。また、編集プログラム及び帳票閲覧プログラムは、Webブラウザ上で動作するウェブアプリケーション以外の、コンピュータシステム上で実行するアプリケーションでも良い。 The editing program and the form browsing program are, for example, a mashup language (HTML) that represents a web page and an application program (Java program) that is operated by JavaScript that is a programming language that operates on a web browser. Note that Java and JavaScript are registered trademarks. In addition, the editing program and the form browsing program may be applications executed on a computer system other than a web application that operates on a web browser.
また、帳票生成サーバ101が、帳票ページの電子帳票ファイルと、パーツ情報を表すファイルのみを生成する。そして、クライアント装置102が、これらのファイルを使用して、帳票ページの閲覧・編集操作や、帳票ページのレイアウトの閲覧・編集操作を実行できるアプリケーションを備える構成をとってもよい。
In addition, the
帳票生成サーバ101及びクライアント装置102は、ネットワーク100を介して通信可能に接続されている。ネットワーク100は、例えば、インターネット、LAN、WAN、電話回線、専用デジタル回線、ATMやフレームリレー回線、ケーブルテレビ回線、データ放送用無線回線等である。また、ネットワーク100は、これらの組み合わせにより実現されてもよい。
The
図2は、帳票生成サーバとクライアント装置を実現する情報処理装置のハードウェア構成を示す図である。
図2に示す装置は、それぞれ、CPU(Central Processing Unit)201乃至I/F207を備える。CPU201は、内部バスで接続される各デバイス(後述のROM、RAM他)を直接または間接的に制御し、本発明を実現するためのプログラムを実行する。ROM(Read Only Memory)には、BIOS(Basic Input Output System)が記憶されている。
FIG. 2 is a diagram illustrating a hardware configuration of an information processing apparatus that implements a form generation server and a client apparatus.
The apparatus shown in FIG. 2 includes CPUs (Central Processing Units) 201 to I /
RAM(Random Access Memory)203は、CPU201のワーク領域として利用されたり、本発明を実現するためのソフトウェアモジュールをロードするための一時記憶として利用されたりする。HDD(Hard Disk Drive)204には、基本ソフトウェアであるOSやソフトウェアモジュールが記憶されている。HDD204に代えてSSD(Solid State Drive)を設けるようにしてもよい。
A RAM (Random Access Memory) 203 is used as a work area of the
入力装置205は、ユーザの操作入力に応じた情報を入力する。入力装置205は、例えば、不図示のキーボードやポインティングデバイスなどである。出力装置206は、情報を出力する。出力装置206には、ディスプレイが接続される。I/Fは、ネットワーク100に接続するためのインタフェースである。装置が起動後、CPU201によりBIOSが実行され、OSがHDD204からRAM203に実行可能にロードされる。CPU201は、OSの動作に従って各種ソフトウェアモジュールをHDD204からRAM203に随時、実行可能にロードする。各種ソフトウェアモジュールは、CPU201によって実行され動作する。また、I/F207は、OSの動作に従ってCPU201により制御され、外部装置との通信を実現している。
The
図3は、帳票生成サーバ上で動作するソフトウェアモジュールの構成例を示す図である。
各ソフトウェアモジュールは、図2に示すHDD204に記憶されており、CPU201によってRAM203にロードされ実行される。帳票生成サーバ101は、アクセス制御部301乃至パーツ情報DB309を備える。アクセス制御部301は、クライアント装置102からのリクエストに応じて、ユーザ認証を行う。
FIG. 3 is a diagram illustrating a configuration example of a software module that operates on the form generation server.
Each software module is stored in the
ページ生成部302は、クライアント装置102にレスポンスを返すためのWebページを生成する。ページ生成部302は、編集プログラム、及び帳票閲覧プログラムであるウェブアプリケーションに必要なHTML、JavaScriptなどのファイルも生成し、クライアント装置102に返す。また、ページ生成部302は、パーツ情報ファイルもクライアント装置102に返す。データアクセス部303は、各DB(305乃至309)へのアクセス処理を行う。
The
帳票生成部304は、データアクセス部303を介して、フォーム情報DB306からフォーム情報ファイル401を読み出す。また、帳票生成部304は、データアクセス部303を介して、フィールドデータDB307からフィールドデータファイル403を読み出す。帳票生成部304は、読み出したフォーム情報ファイル401が示すフォーム情報と、フィールドデータファイル403が示すフィールドデータとを重ね合わせて、帳票ページを生成する。そして、帳票生成部304は、仮想プリンタなどのソフトウェアを利用して、帳票ページの電子ファイルを生成する。本実施形態では、帳票ページの電子ファイルは、SVG(Scalable Vector Graphics)フォーマットである。
The
帳票データDB(データベース)305には、帳票データが格納される。帳票データは、帳票名、所有者などの情報を示し、当該帳票がどのフォーム情報ファイルとフィールドデータファイルとから生成されたかを表す情報を有する。また、帳票データは、当該帳票のオーバレイ出力処理の結果である帳票ページを示す情報を有する。さらに、帳票データは、ユーザが帳票ページのレイアウトを編集した場合に、編集前と編集後の帳票ページのレイアウトを紐付ける情報を有する。具体的には、フォーム情報ファイルと編集後のパーツ情報ファイルの組に対応するURLを保持するリクエストURLテーブルを有する。詳細は、図20を用いて後述する。 The form data DB (database) 305 stores form data. The form data indicates information such as form name and owner, and has information indicating from which form information file and field data file the form is generated. The form data has information indicating a form page that is a result of the overlay output process of the form. Further, the form data includes information that associates the layout of the form page before and after editing when the user edits the form page layout. Specifically, it has a request URL table that holds URLs corresponding to pairs of form information files and edited parts information files. Details will be described later with reference to FIG.
フォーム情報DB306には、フォーム情報ファイルが格納される。フィールドデータDB307には、フィールドデータファイルが格納される。帳票ページDB308には、帳票生成部304によって生成された帳票ページファイルが格納される。パーツ情報DB309には、パーツ情報ファイルが格納される。
The
図4は、帳票生成サーバ101によるオーバレイ処理を説明する図である。
フォーム情報は、専用のフォーム情報設計システムを利用して作成される。フォーム情報は、フィールドデータに依存しない固定的な図形(フォーム図形)と、受け取ったフィールドデータを指定した出力書式に従って表示する図形(フィールド図形)から構成されている。フィールド図形を作成するには、予めフィールドデータを受け取るための項目(フィールド)を作成する必要がある。フィールド図形が作成されると、作成元であるフィールドとの関連付けが内部的に行われる。表形式のフィールド図形(表図形)402の場合、フィールドデータをレコード単位に受け取る必要があるため、レコードフィールドが作成される。
FIG. 4 is a diagram for explaining overlay processing by the
Form information is created using a dedicated form information design system. The form information is composed of a fixed figure (form figure) that does not depend on field data, and a figure (field figure) that displays received field data in accordance with a specified output format. In order to create a field graphic, it is necessary to create an item (field) for receiving field data in advance. When a field graphic is created, it is internally associated with the field from which it was created. In the case of a tabular field graphic (table graphic) 402, it is necessary to receive field data in record units, so a record field is created.
帳票生成サーバ101は、フィールド図形が定義されたフォーム情報ファイル401と、対応するフィールドデータファイル403とを読み込む。そして、帳票生成サーバ101は、読み込んだフォーム情報ファイル401とフィールドデータファイル403とを重ね合わせることでオーバレイ出力処理を実行する。図4の404は、オーバレイ出力処理結果の例を示す。
The
図5は、編集用帳票閲覧画面データを生成する処理を説明する図である。
S501において、クライアント装置102が、クライアント装置102のWebブラウザで表示されているログイン画面上での操作に応じて、帳票生成サーバ101にログインのリクエストを送信する。
FIG. 5 is a diagram for explaining processing for generating editing form browsing screen data.
In step S <b> 501, the
図6は、ログイン画面の一例を示す図である。
ユーザは、ログイン画面601のユーザ名入力テキストボックス602とパスワード入力テキストボックス603にユーザ名とパスワードを入力し、ログインボタン604を押下する。これにより、クライアント装置102が、帳票生成サーバ101にログインのリクエストを送信する。
FIG. 6 is a diagram illustrating an example of a login screen.
The user inputs a user name and password in a user name
図5の説明に戻る。S502において、帳票生成サーバ101のアクセス制御部301が、クライアント装置102から受信したログインリクエストの内容に基づいてログイン処理を行う。アクセス制御部301がBasic認証を行い、ユーザ名とパスワードが有効であることを確認した場合に、処理がS503に進む。なお、Basic認証は、一般的な認証処理であるので、その説明を省略する。S503において、帳票生成サーバ101のページ生成部302が、ログインしたユーザの情報に応じて帳票選択画面を生成する。
Returning to the description of FIG. In step S <b> 502, the
図7は、帳票選択画面の一例を示す図である。
帳票選択画面701において、領域702には、現在ログインしたユーザのユーザ名が表示される。ドロップダウンリスト703には、現在ログインしたユーザが所有する帳票一覧が表示される。ドロップダウンリスト703に表示される情報は、ページ生成部302がデータアクセス部303を介して帳票データDB305から抽出した、ログインしたユーザが所有する帳票の帳票名である。
FIG. 7 is a diagram illustrating an example of a form selection screen.
On the
帳票操作ボタン704は、ドロップダウンリスト703で選択された帳票名に該当する帳票に対して、プレビューを実行するためのボタンである。帳票操作ボタン705は、ドロップダウンリスト703で選択された帳票名に該当する帳票に対して、編集用帳票閲覧画面において編集操作が行われた後のレイアウトを用いて、プレビューを実行するためのボタンである。帳票操作ボタン705は、ドロップダウンリスト703で選択された帳票名に該当する帳票に対して、帳票ページのレイアウトを編集するためのボタンである。
A
図5の説明に戻る。S504において、帳票生成サーバ101のアクセス制御部301が、S503において生成された帳票選択画面701を、ネットワーク100を介してクライアント装置102に返す。S505において、クライアント装置102が、帳票生成サーバ101から帳票選択画面701を受け取り、Webブラウザが帳票選択画面701を表示する。
Returning to the description of FIG. In step S <b> 504, the
S506において、ユーザは、帳票選択画面701内のドロップダウンリスト703から、操作したい帳票の帳票名を選択する。続いて、S507において、ユーザが、帳票選択画面701内の編集ボタン706を押下すると、クライアント装置102が、帳票生成サーバ101に編集用帳票閲覧画面の生成リクエストを送信する。編集用帳票閲覧画面の生成リクエストは、閲覧・編集対象の帳票を特定できる情報を有する。
In step S <b> 506, the user selects the form name of the form to be operated from the drop-down
S508において、帳票生成サーバ101の帳票生成部304が、データアクセス部303を介して、フォーム情報DB306から、閲覧・編集対象の帳票に関連するフォーム情報ファイルを取得する。また、帳票生成部304が、データアクセス部303を介して、フィールドデータDB307から、閲覧・編集対象の帳票に関連するフィールドデータファイルを取得する。S509において、帳票生成サーバ101の帳票生成部304が、S508で取得したフィールドデータファイルを用いて、ダミーフィールドデータファイル(ダミーデータ)の生成処理を行う。S510において、帳票生成サーバ101の帳票生成部304が、S508で取得したフォーム情報ファイルとS509で生成したダミーフィールドデータファイルを用いて、オーバレイ出力処理を行う。
In step S <b> 508, the
図8は、図5のS509及びS510におけるダミーフィールドデータファイルの生成及びそれを用いたオーバレイ出力処理を説明するフローチャートである。
S801において、帳票生成部304が、アクセス制御部301の受け付けたリクエストが帳票ページのレイアウトの編集リクエストか、帳票ページのプレビューリクエストか、または帳票ページのパーツ追加プレビューリクエストかを判断する。アクセス制御部301が受け付けたリクエストが帳票ページの雛形の編集リクエストである場合は、処理がS802に進む。アクセス制御部301が受け付けたリクエストが帳票ページのプレビューまたはパーツ追加プレビューリクエストである場合は、処理がS805に進む。
FIG. 8 is a flowchart for explaining generation of a dummy field data file and overlay output processing using the same in S509 and S510 of FIG.
In step S <b> 801, the
S802において、帳票生成部304が、フィールドデータファイルから各フィールドフィールドに入力され得る最大文字数を取得する。S803において、帳票生成部304が、S802で取得した各フィールドに入力され得る最大文字数に基づいてダミーフィールドデータファイルを作成する。S804において、帳票生成部304が、フォーム情報ファイル及びダミーフィールドデータファイルを用いてオーバレイ出力処理を行う。S805において、帳票生成部304が、フォーム情報ファイル及びフィールドデータファイルを用いてオーバレイ出力処理を行う。
In step S802, the
図5の説明に戻る。S511において、帳票生成部304が、S501(詳細には、S804またはS805)で生成したPDF形式の帳票ページをSVG形式の帳票ページに変換する。PDF形式の帳票ページは、Webブラウザ上で直接編集できないので、編集できる形式(本実施形態の場合はSVG形式)に変換する。次に、帳票生成部304が、データアクセス部303を介して、生成されたSVG形式の帳票ページを帳票ページDB308に格納する。そして、帳票生成部304は、生成されたSVG形式の帳票ページを特定する情報を帳票データDB305の中の該当帳票レコードに追加する。
Returning to the description of FIG. In S511, the
S512において、帳票生成サーバ101が、S507でリクエストした対象帳票の編集用帳票閲覧画面のURLをクライアント装置102に返却する。返却するURLは、S510で生成したSVG形式の帳票ページを特定する情報を含む。本実施形態の場合、返却するURLの中に帳票ページと関連する帳票データの帳票名が含まれている。S513において、クライアント装置102は、S511で返却されたURLを用いて、編集用帳票閲覧画面にリダイレクトするリクエスト(リダイレクトリクエスト)を帳票生成サーバ101に送信する。
In step S <b> 512, the
S514において、帳票生成サーバ101のページ生成部302が、編集画面生成手段として機能し、S512で送信されたリダイレクトリクエストの内容に応じて編集用帳票閲覧画面データを生成する。生成された編集用帳票閲覧画面データは、リクエスト対象となった帳票の帳票ページファイルと、帳票ページファイルを閲覧、編集、保存操作を制御するプログラムである編集プログラムと、編集及び保存操作時に必要なパーツ情報ファイルとを含む。ページ生成部302は、リダイレクトリクエスト中の帳票名に基づき、リクエスト対象の帳票に関連する帳票ページファイルとパーツ情報ファイルとを帳票ページDB308、パーツ情報DB309から取得し、編集用帳票閲覧画面データに含める。
In step S514, the
図9は、本実施形態に係るパーツ情報ファイルの一例である。
本実施形態では、パーツ情報ファイルはJSON(JavaScript Object Notation)フォーマットである。レコード902は、帳票閲覧画面(帳票ページ)に配置する画像(画面部品)等であるSVGパーツの配列を示す。レコード903は、SVGパーツの名称を示す。レコード904は、SVGパーツが配置される描画位置座標を示す。
FIG. 9 is an example of a parts information file according to this embodiment.
In the present embodiment, the part information file is in a JSON (Java Script Object Notation) format. A
図5の説明に戻る。S515において、帳票生成サーバ101が、S514で生成した編集用帳票閲覧画面データをクライアント装置102に返却する。S516において、クライアント装置102が、帳票生成サーバ101からのレスポンスを受け取り、レスポンスに含まれる編集用帳票閲覧画面データに基づいて、Webブラウザに編集用帳票閲覧画面を表示する。
Returning to the description of FIG. In step S <b> 515, the
図11は、本実施形態における編集用帳票閲覧画面を示す図である。
編集用帳票閲覧画面1101中の帳票表示領域1102は、SVG形式の帳票ページを表示する領域である。ユーザが、帳票表示領域1102の中で横方向のフリック操作を行うと前後の帳票ページへの切り替えができる。SVGパーツ表示領域1103は、帳票ページ上(帳票表示領域1102)に配置可能なSVGパーツを表示する領域である。ユーザが、SVGパーツ表示領域1103の中のSVGパーツを帳票表示領域1102の領域内にドラッグ操作(ドラッグアンドドロップ)を行うとSVGパーツを帳票ページ上に配置することが出来る。
FIG. 11 is a diagram showing an editing form browsing screen in the present embodiment.
A
ユーザが、帳票表示領域1102の領域内においてドラッグ操作を行うと、編集用帳票閲覧画面の編集プログラムが動作し、図13を参照して説明する編集処理(パーツ追加処理)を行う。図11では、SVGパーツ表示領域1103のメールマーク1104とチェックボックス1105がドラッグ操作により帳票表示領域1102内の1107と1106にそれぞれ配置された様子を示している。保存ボタン1108は、編集された帳票ページの雛形を帳票生成サーバ101に保存するためのボタンである。編集された帳票ページの雛形を保存するための処理については、図21を参照して後述する。
When the user performs a drag operation in the
図13は、本実施形態における編集用帳票閲覧画面上での編集操作に応じた編集処理を説明するフローチャ―トである。
S1301において、ユーザが、SVGパーツを編集用帳票閲覧画面1101のSVGパーツ表示領域1103から帳票表示領域1102の領域内へ、ドラッグ操作を行う。
FIG. 13 is a flowchart for explaining an editing process corresponding to an editing operation on the editing form browsing screen according to the present embodiment.
In step S <b> 1301, the user performs a drag operation on the SVG part from the SVG
S1302において、編集用帳票閲覧画面に含まれる編集プログラムが、S1301でドラッグされた(配置された)SVGパーツの種別を取得する。S1303において、編集プログラムが、S1301で配置されたSVGパーツの位置座標を取得する。S1304において、編集プログラムが、S1302及びS1303で取得した情報に基づき、パーツ情報ファイル901を更新する。S1305において、編集プログラムが、S1304で更新したパーツ情報ファイル901に基づき、帳票表示領域1102の再描画を実行する。
In S1302, the editing program included in the editing form browsing screen acquires the type of the SVG part dragged (arranged) in S1301. In S1303, the editing program acquires the position coordinates of the SVG parts arranged in S1301. In S1304, the editing program updates the part information file 901 based on the information acquired in S1302 and S1303. In step S1305, the editing program redraws the
図21は、編集用帳票閲覧画面上で保存ボタンが押下された際に実行される保存処理(紐づけ処理)を説明する図である。
S2101において、ユーザが、編集用帳票閲覧画面1101の保存ボタン1108を押下する。S2102において、クライアント装置102が、帳票生成サーバ101にパーツ情報ファイル901を保存するリクエスト(保存リクエスト)を送信する。保存リクエストは、更新されたパーツ情報ファイル、すなわちクライアント装置102側で保持しているパーツ情報ファイル901を含む。また、保存リクエストは、フォーム情報ファイル名を含む。
FIG. 21 is a diagram for explaining a saving process (linking process) executed when the save button is pressed on the editing form browsing screen.
In step S <b> 2101, the user presses the
S2103において、帳票生成サーバ101の帳票生成部304が、保存リクエストに含まれる更新されたパーツ情報ファイルを取得する。S2104において、帳票生成部304が、保存リクエストに含まれるフォーム情報ファイル名を取得する。S2105において、ページ生成部302が、フォーム情報ファイルと更新されたパーツ情報ファイルの組に対応する(一意に特定する)URLを生成する。S2106において、帳票生成部304が、S2103乃至S2105でそれぞれ取得したパーツ情報ファイル、フォーム情報ファイル、及びURLを紐づけるリクエストURLテーブルを更新する。
In step S <b> 2103, the
図20は、リクエストURLテーブルの概念を説明する図である。
リクエストURLテーブル2000に含まれるURLレコード2001は、URL2002、フォーム情報ファイル2003、及びパーツ情報ファイル2004を特定する情報を有する。URL2002は、S2105で生成した、フォーム情報ファイルと更新されたパーツ情報ファイルの組に対応する(一意に特定する)URLを示す。フォーム情報ファイル2003は、S2104で取得される、URL2002と紐付くフォーム情報ファイル、または該フォーム情報ファイルを特定するための情報を示す。パーツ情報ファイルレコード2004は、S2103で取得される、URL2002と紐付くパーツ情報ファイル、または該パーツ情報ファイルを特定するための情報を示す。
FIG. 20 is a diagram for explaining the concept of the request URL table.
The
図21の説明に戻る。S2107において、帳票生成サーバ101のページ生成部302が、図12を参照して説明する保存完了画面を生成する。保存完了画面には、S2105で生成したURL2002が含まれる。S2108において、ページ生成部302が、データアクセス部303を介して、S2107で生成した保存完了画面をクライアント装置102に返却する。S2109において、クライアント装置102が帳票生成サーバ101からのレスポンスを受け取り、レスポンスに含まれる保存完了画面を表示する。
Returning to the description of FIG. In step S2107, the
図12は、保存完了画面の一例を示す図である。
保存完了画面1200は、編集用帳票閲覧画面1101の保存ボタン1108が押下された後に表示される画面である。保存完了画面1200は、領域1201乃至1206を含む。領域1201、及び1203乃至1206は、それぞれ図7に示した帳票選択画面の各領域702乃至706と同様のため、説明は省略する。領域1202は、パーツ追加プレビューに必要なURLが表示される領域であり、図21に示した保存処理のS2105で生成されたURLが表示される。
FIG. 12 is a diagram illustrating an example of a save completion screen.
The save
図14は、本実施形態における帳票閲覧画面データを生成する処理を説明する図である。
帳票閲覧画面データを生成する処理は、図7に示した帳票選択画面701内のプレビューボタン704またはパーツ追加プレビューボタン705が押下された場合に実行される。S1401において、ユーザは、帳票選択画面701内のプレビューボタン704またはパーツ追加プレビューボタン705を押下する。
FIG. 14 is a diagram for explaining processing for generating form browsing screen data in the present embodiment.
The process for generating the form browsing screen data is executed when the
S1402において、クライアント装置102が、帳票生成サーバ101に帳票ページの生成リクエストを送信する。帳票ページの生成リクエストは、閲覧対象の帳票を特定できる情報を有する。また、パーツ追加プレビューボタン705が押下された場合には、生成リクエストの送信先にクライアント装置102側で保持しているURL2002(保存完了画面において領域1202に表示されたリクエストURL)を指定する。S1403において、帳票生成サーバ101の帳票生成部304が、データアクセス部303を介して、フォーム情報DB306から、閲覧対象の帳票に関連するフォーム情報ファイルを取得する。また、帳票生成部304が、データアクセス部303を介して、フィールドデータDB307から、閲覧対象の帳票に関連するフィールドデータファイルを取得する。そして、帳票生成部304が、取得したフォーム情報ファイル及びフィールドデータファイルを用いて、オーバレイ出力処理を行う。さらに、帳票生成部304が、オーバレイ出力処理により生成したPDF形式の帳票ページをSVG形式の帳票ページに変換する。
In step S <b> 1402, the
S1404において、帳票生成サーバ101が、S1402でリクエストした対象帳票の帳票閲覧画面のURLをクライアント装置102に返却する。なお、帳票閲覧画面のURLは、詳細には、プレビュー画面またはパーツ追加プレビュー画面のURLである。プレビュー画面は、編集前のレイアウトで帳票ページを表示する画面である。また、パーツ追加プレビュー画面は、編集後のレイアウトで帳票ページを表示する画面である。返却するURLは、S1403で生成したSVG形式の帳票ページを特定する情報を含む。本実施形態では、返却するURLの中に帳票ページと関連する帳票データの帳票名が含まれている。S1405において、クライアント装置102は、S1404で返却されたURLを用いて、プレビュー画面またはパーツ追加プレビュー画面にリダイレクトするリクエスト(リダイレクトリクエスト)を帳票生成サーバ101に送信する。
In step S <b> 1404, the
S1406において、帳票生成サーバ101のページ生成部302が、S1405で送信されたリダイレクトリクエストの内容に応じて帳票閲覧画面データ、詳細にはプレビュー画面を表示させるためのデータを生成する。すなわち、ページ生成部302は、帳票閲覧画面生成手段として機能する。生成された帳票閲覧画面データは、リクエスト対象となった帳票の帳票ページファイルと、帳票閲覧プログラムとを含む。S1407において、帳票生成サーバ101のアクセス制御部301が、S1405で送信されたリダイレクトリクエストの送信先からプレビュー画面の生成リクエストかパーツ追加プレビュー画面のリクエストかを判断する。リダイレクトリクエストの送信先からプレビュー画面の生成リクエストであると判断した場合、処理がS1410に進む。リダイレクトリクエストの送信先からパーツ追加プレビュー画面の生成リクエストであると判断した場合、処理がS1408に進む。
In step S1406, the
S1408において、帳票生成部304が、データアクセス部303を介して、リダイレクトリクエストの送信先であるURL2002とリクエストURLテーブル2000により紐付けられたパーツ情報ファイルを取得する。S1409において、帳票生成サーバ101が、帳票閲覧画面データ、詳細にはパーツ追加プレビュー画面を表示させるためのデータとして、帳票ページファイルと、帳票閲覧プログラムと、パーツ情報ファイルとをクライアント装置102に返却する。S1410において、帳票生成サーバ101が、S1406で生成したプレビュー画面を表示させるためのデータをクライアント装置102に返却する。S1411において、クライアント装置102が、帳票生成サーバ101からのレスポンスを受け取り、レスポンスに含まれる帳票閲覧画面データに基づいて、プレビュー画面またはパーツ追加プレビュー画面を表示する。すなわち、レスポンスにパーツ情報ファイルが含まれている場合、パーツ追加プレビュー画面が表示され、パーツ情報ファイルが含まれていない場合、プレビュー画面が表示される。
In step S <b> 1408, the
図10は、帳票閲覧画面を示す図である。
図10(A)は、図7の帳票選択画面701において、プレビューボタン704が押下された場合に表示される帳票閲覧画面である。すなわち、ユーザが帳票ページの編集操作を行う前のレイアウトで帳票ページを表示する画面である。また、図10(B)は、図7の帳票選択画面701において、パーツ追加プレビューボタン705が押下された場合に表示される帳票閲覧画面である。すなわち、ユーザが帳票ページの編集操作を行った後のレイアウトで帳票ページを表示する画面である。レイアウトが編集される前の帳票閲覧画面1001に対し、帳票閲覧画面1002では、チェックボックス1003及びメールマーク1004が追加されている。
FIG. 10 shows a form browsing screen.
FIG. 10A is a form browsing screen displayed when the
以上のように、本実施形態によれば、Webブラウザにおいて帳票ページのレイアウトの編集を可能とし、また、編集前と編集後の両方のレイアウトを用いて帳票ページを閲覧及び編集することができる。 As described above, according to the present embodiment, the layout of the form page can be edited in the Web browser, and the form page can be viewed and edited using both the pre-edited layout and the edited layout.
(第2実施形態)
第1実施形態では、1つの帳票ページのレイアウトを編集する場合について説明した。本実施形態では、複数の帳票ページの全てに対して、共通のレイアウトの編集を行う場合について説明する。なお、第1実施形態と共通の部分については説明を省略し、以下では差異部分についてのみ説明する。
(Second Embodiment)
In the first embodiment, the case of editing the layout of one form page has been described. In the present embodiment, a case where a common layout is edited for all of a plurality of form pages will be described. In addition, description is abbreviate | omitted about the part which is common in 1st Embodiment, and only a different part is demonstrated below.
図15は、本実施形態に係るパーツ情報ファイルの一例である。
パーツ情報ファイル1501は、レコード1502乃至1505を含む。レコード1505は、SVGパーツを全ての帳票ページに配置するか否か示す。パーツ情報ファイルのその他のレコード1502乃至1504は、第1実施形態のパーツ情報ファイル901(図9)のレコード902乃至904と同様である。
FIG. 15 is an example of a parts information file according to this embodiment.
The
図18は、本実施形態における編集用帳票閲覧画面上での編集操作に応じた編集処理(パーツ追加処理)を説明するフローチャ―トである。
S1801において、ユーザが、図11を参照して説明したように、編集用帳票閲覧画面1101においてSVGパーツ表示領域1103のSVGパーツを帳票表示領域1102の領域内へ、ドラッグ操作を行うことで帳票ページにSVGパーツが配置される。そして、ユーザが、配置されたSVGパーツに対して、ダブルクリック操作を行う。この例では、SVGパーツ1107に対してダブルクリックを行ったとする。S1802において、編集用帳票閲覧画面1101に含まれる編集プログラムが、S1301でダブルクリックされたSVGパーツ1107を、全ての帳票ページに配置するか否かの確認を行う確認ダイアログを表示する。
FIG. 18 is a flowchart for explaining an editing process (part addition process) corresponding to an editing operation on the editing form browsing screen in the present embodiment.
In S1801, the user operates the form page by dragging the SVG part of the SVG
図16は、確認ダイアログの一例を示す図である。
この例では、編集用帳票閲覧画面1601の上で、SVGパーツのドラッグ操作及びダブルクリック操作を行ったとする。帳票ページが複数ページある場合には、図16に示すように、編集用帳票閲覧画面1601に複数の帳票ページ(1602及び1603)を表示することも可能である。確認ダイアログ1606は、SVGパーツ1607、キャンセルボタン1608、及びOKボタン1609を含む。
FIG. 16 is a diagram illustrating an example of a confirmation dialog.
In this example, it is assumed that a drag operation and a double click operation of the SVG part are performed on the edit
SVGパーツ1607は、全ての帳票ページに配置するか否かを確認する対象のSVGパーツを示す。キャンセルボタン1608は、ユーザが、操作を取り消す、すなわち、全ての帳票ページにSVGパーツ1607を配置しない場合に押下するボタンである。OKボタン1609は、ユーザが全ての帳票ページにSVGパーツ1607を配置する場合に押下するボタンである。
An
図18の説明に戻る。S1803において、ユーザが、確認ダイアログ1606上のボタンを押下する。S1804において、編集プログラムが、ステップS1803でユーザの入力内容(押下したボタンがキャンセルボタン1608か、またはOKボタン1609か)を判断する。ユーザがキャンセルボタン1608を押下した場合は、処理が終了する。ユーザがOKボタン1609を押下した場合は、処理がS1805に進む。
Returning to the description of FIG. In step S1803, the user presses a button on the
S1805において、編集プログラムが、S1801でダブルクリックされたパーツ1605の配置された位置座標を取得する。S1806において、編集プログラムが、パーツ情報ファイル1501のレコード1505をTrueに更新する。S1807において、編集プログラムが、更新したパーツ情報ファイル1501に基づき、編集用帳票閲覧画面の帳票表示領域の再描画を実行する。このとき、編集プログラムは、パーツ情報ファイル1501のレコード1505(配列の要素が”共通”のレコード)がTrueの場合、対象のSVGパーツを全ての帳票ページに配置するように再描画を実行する。具体的には、編集プログラムが、位置座標を示すレコート1504を用いて、全ての帳票ページにおいて同じ位置に、対象のSVGパーツ(レコード1503乃至1504で特定される)が配置されるように位置座標を計算する。そして、編集プログラムが、計算した位置座標に基づいて、全ての帳票ページに対象のSVGパーツを配置する。
In S1805, the editing program acquires the position coordinates where the
図17は、図18に示した編集処理によって全ての帳票ページに共通のSVGパーツが追加された結果を示す画面の一例である。
編集用帳票閲覧画面1701には、1つの帳票ページの帳票表示領域1702のSVGパーツ1705が全ての帳票ページに配置された結果、他の帳票ページの帳票表示領域1703においてもSVGパーツ1706が配置されていることを示している。
FIG. 17 is an example of a screen showing a result of adding a common SVG part to all the form pages by the editing process shown in FIG.
As a result of the
図19は、本実施形態における帳票閲覧画面データを生成する処理を説明する図である。
S1901乃至S1910の処理は、第1実施形態における帳票閲覧画面データと同様の処理であるため、説明は省略する。S1911において、クライアント装置102が、帳票生成サーバ101からのレスポンスを受け取る。ここで、S1901において、パーツ追加プレビューボタン705が押下された場合には、S1907で処理はS1908に進むので、レスポンスにはパーツ情報ファイル1501が含まれる。パーツ情報ファイル1501がレスポンスに含まれない場合、帳票閲覧画面データに含まれる帳票閲覧プログラムが、第1実施形態の場合と同様にプレビュー画面を表示する。パーツ情報ファイル1501がレスポンスに含まれる場合に、帳票閲覧プログラムが、該パーツ情報ファイルを読み込む。
FIG. 19 is a diagram for explaining processing for generating form browsing screen data in the present embodiment.
Since the processing of S1901 to S1910 is the same processing as the form browsing screen data in the first embodiment, description thereof is omitted. In step S 1911, the
続いて、S1912において、編集プログラムが、読み込んだパーツ情報ファイル1501のレコード1505(配列の要素が”共通”のレコード)がTrueのSVGパーツがあるか否かを判断する。パーツ情報ファイル1501のレコード1505がTrueのSVGパーツがない場合、処理がS1914に進み、帳票閲覧プログラムが、第1実施形態の場合と同様にパーツ追加プレビュー画面を表示する。パーツ情報ファイル1501のレコード1505がTrueのSVGパーツがある場合、処理がS1913に進む。S1913において、帳票閲覧プログラムが、パーツ情報ファイル1501のレコード1505がTrueのSVGパーツを、全ての帳票ページに対して、同じ位置に該SVGパーツが配置されるように、配置先の位置座標を計算する。そして、S1914において、編集プログラムがS1913で計算した位置座標に基づき、SVGパーツを全ての帳票ページ配置し、パーツ追加プレビュー画面を表示する。
In step S1912, the editing program determines whether there is an SVG part in which the
このように、本実施形態によれば、第1実施形態と同様の効果を奏する。さらに、本実施形態によれば、複数の帳票ページに対して共通したレイアウトの編集を行う場合に、帳票ページごとに編集操作を行わずに、全てのページに編集操作を適用することができ、帳票ページの編集操作をより容易に行うことができる。 Thus, according to the present embodiment, the same effects as in the first embodiment can be obtained. Furthermore, according to this embodiment, when editing a common layout for a plurality of form pages, the edit operation can be applied to all pages without performing the edit operation for each form page. The form page editing operation can be performed more easily.
(その他の実施形態)
本発明は、上述の実施形態の1以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピュータにおける1つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、1以上の機能を実現する回路(例えば、ASIC)によっても実現可能である。
(Other embodiments)
The present invention supplies a program that realizes one or more functions of the above-described embodiments to a system or apparatus via a network or a storage medium, and one or more processors in a computer of the system or apparatus read and execute the program This process can be realized. It can also be realized by a circuit (for example, ASIC) that realizes one or more functions.
以上、本発明の好ましい実施形態について説明したが、本発明は、これらの実施形態に限定されず、その要旨の範囲内で種々の変形および変更が可能である。 As mentioned above, although preferable embodiment of this invention was described, this invention is not limited to these embodiment, A various deformation | transformation and change are possible within the range of the summary.
101 帳票生成サーバ
102 クライアント装置
901 パーツ情報ファイル
2000 リクエストURLテーブル
101
Claims (12)
前記帳票ページのレイアウトを編集するための編集画面を表示させるためのデータを生成する編集画面生成手段と、を備え、
前記データは、少なくとも前記編集画面に表示される画面部品の配置に関する画面部品情報を含み、
前記編集画面において編集操作がされた場合、前記編集操作に基づき前記画面部品情報を更新する更新手段と、
前記更新された画面部品情報と、更新される前の前記帳票ページのレイアウトを示す前記フォーム情報とを紐づける紐づけ手段と、をさらに備える、
ことを特徴とする情報処理システム。 A form generation means for generating a form page by overlaying the form information and field data of the form;
Editing screen generation means for generating data for displaying an editing screen for editing the layout of the form page,
The data includes at least screen part information related to an arrangement of screen parts displayed on the editing screen,
An update unit that updates the screen component information based on the editing operation when an editing operation is performed on the editing screen;
A linking means for linking the updated screen component information and the form information indicating a layout of the form page before being updated;
An information processing system characterized by this.
前記閲覧画面生成手段が生成したデータに基づいて、前記閲覧画面を表示する表示手段と、をさらに備え、
前記閲覧画面生成手段が生成したデータに前記画面部品情報を含む場合に、前記帳票ページのレイアウトが編集された閲覧画面を表示する、
ことを特徴とする請求項1に記載の情報処理システム。 A browsing screen generating means for generating data for displaying a browsing screen of the form page, including the form information and the screen component information linked to the form information according to selection;
Display means for displaying the browsing screen based on the data generated by the browsing screen generating means,
When the screen part information is included in the data generated by the browsing screen generation means, a browsing screen in which the layout of the form page is edited is displayed.
The information processing system according to claim 1.
前記編集操作がされる前の帳票ページを表示することが選択された場合に、前記閲覧画面生成手段は、前記フォーム情報と紐付けられた前記画面部品情報を、前記帳票ページの閲覧画面を表示させるためのデータに含めない、
ことを特徴とする請求項2に記載の情報処理システム。 When it is selected to display the form page after the editing operation, the browsing screen generation means displays the screen part information associated with the form information and the browsing page of the form page. Included in the data
When it is selected to display the form page before the editing operation, the browsing screen generation means displays the screen part information linked to the form information and the browsing page of the form page. Not included in the data for
The information processing system according to claim 2.
ことを特徴とする請求項1ないし4のいずれか1項に記載の情報処理システム。 The form generation means uses dummy data having the maximum number of characters of each field as the field data when generating a form page to be displayed on the editing screen.
The information processing system according to any one of claims 1 to 4, wherein
前記更新手段は、ドラッグアンドドロップが行われたことに応じて、前記画面部品情報を更新する、
ことを特徴とする請求項1ないし5のいずれか1項に記載の情報処理システム。 The editing operation on the editing screen is an operation of dragging and dropping the screen component onto the form page,
The update means updates the screen component information in response to drag and drop being performed.
The information processing system according to claim 1, wherein the information processing system is an information processing system.
ことを特徴とする請求項1ないし7のいずれか1項に記載の情報処理システム。 In the editing screen, when an editing operation is performed on the form page, an application unit that applies the content of the editing operation to all the form pages is further provided.
The information processing system according to any one of claims 1 to 7.
前記帳票ページのレイアウトを編集するための編集画面を表示させるためのデータを生成する編集画面生成手段と、を備え、
前記データは、少なくとも前記編集画面に表示される画面部品の配置に関する画面部品情報を含み、
前記編集画面における編集操作に応じて、前記画面部品情報が更新された場合に、
前記更新された画面部品情報と、更新される前の前記帳票ページのレイアウトを示す前記フォーム情報とを紐づける紐づけ手段と、をさらに備える、
ことを特徴とするサーバ装置。 A form generation means for generating a form page by overlaying the form information and field data of the form;
Editing screen generation means for generating data for displaying an editing screen for editing the layout of the form page,
The data includes at least screen part information related to an arrangement of screen parts displayed on the editing screen,
When the screen component information is updated according to the editing operation on the editing screen,
A linking means for linking the updated screen component information and the form information indicating a layout of the form page before being updated;
The server apparatus characterized by the above-mentioned.
前記第1の受信手段が受信したデータは、少なくとも前記編集画面に表示される画面部品の配置に関する画面部品情報を含み、
前記編集画面において編集操作がされた場合、前記編集操作に基づき前記画面部品情報を更新する更新手段と、
前記更新された画面部品情報と、更新される前の前記帳票ページのレイアウトを示す前記フォーム情報とを紐づけて保存することを要求する要求手段と、
前記フォーム情報と、選択に応じて該フォーム情報と紐づけられた前記画面部品情報とを含む、前記帳票ページの閲覧画面を表示させるためのデータを受信する第2の受信手段と、
前記第2の受信手段が受信したデータに基づいて、前記閲覧画面を表示する表示手段と、をさらに備え、
前記第2の受信手段が受信したデータに前記画面部品情報を含む場合に、前記帳票ページのレイアウトが編集された閲覧画面を表示する、
ことを特徴とする情報処理装置。 First receiving means for receiving data for displaying an edit screen for editing the layout of the form page generated by overlaying the form information and field data of the form;
The data received by the first receiving means includes at least screen part information relating to the arrangement of screen parts displayed on the editing screen,
An update unit that updates the screen component information based on the editing operation when an editing operation is performed on the editing screen;
Request means for requesting that the updated screen component information and the form information indicating the layout of the form page before being updated are linked and stored;
Second receiving means for receiving data for displaying a view screen of the form page, including the form information and the screen component information associated with the form information according to selection;
Display means for displaying the browsing screen based on the data received by the second receiving means,
When the data received by the second receiving means includes the screen part information, a browsing screen in which the layout of the form page is edited is displayed.
An information processing apparatus characterized by that.
前記帳票ページのレイアウトを編集するための編集画面を表示させるためのデータを生成する編集画面生成工程と、を有し、
前記データは、少なくとも前記編集画面に表示される画面部品の配置に関する画面部品情報を含み、
前記編集画面において編集操作がされた場合、前記編集操作に基づき前記画面部品情報を更新する更新工程と、
前記更新された画面部品情報と、更新される前の前記帳票ページのレイアウトを示す前記フォーム情報とを紐づける紐づけ工程と、をさらに備える、
ことを特徴とする情報処理システムの制御方法。 A form generation process for generating a form page by overlaying the form information and field data of the form;
An edit screen generating step for generating data for displaying an edit screen for editing the layout of the form page,
The data includes at least screen part information related to an arrangement of screen parts displayed on the editing screen,
When an editing operation is performed on the editing screen, an update step of updating the screen component information based on the editing operation;
A linking step of linking the updated screen component information and the form information indicating a layout of the form page before being updated,
A method for controlling an information processing system.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015050557A JP2016170661A (en) | 2015-03-13 | 2015-03-13 | Information processing system, server device, information processing device, control method and program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015050557A JP2016170661A (en) | 2015-03-13 | 2015-03-13 | Information processing system, server device, information processing device, control method and program |
Publications (1)
Publication Number | Publication Date |
---|---|
JP2016170661A true JP2016170661A (en) | 2016-09-23 |
Family
ID=56983799
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2015050557A Pending JP2016170661A (en) | 2015-03-13 | 2015-03-13 | Information processing system, server device, information processing device, control method and program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP2016170661A (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2020009222A (en) * | 2018-07-10 | 2020-01-16 | 株式会社ミトリ | Workflow system and workflow program |
CN114911478A (en) * | 2022-04-29 | 2022-08-16 | 北京达佳互联信息技术有限公司 | Page creating method and device, electronic equipment and storage medium |
-
2015
- 2015-03-13 JP JP2015050557A patent/JP2016170661A/en active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2020009222A (en) * | 2018-07-10 | 2020-01-16 | 株式会社ミトリ | Workflow system and workflow program |
CN114911478A (en) * | 2022-04-29 | 2022-08-16 | 北京达佳互联信息技术有限公司 | Page creating method and device, electronic equipment and storage medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6433339B2 (en) | Information processing system, server device, control method, and program | |
US11790158B1 (en) | System and method for using a dynamic webpage editor | |
JP5885527B2 (en) | Printing system, printing server, control method, and computer program | |
JP6508978B2 (en) | INFORMATION PROCESSING SYSTEM, SERVER, CONTROL METHOD, AND COMPUTER PROGRAM | |
US10839146B2 (en) | Information processing system, information processing apparatus, control method, and storage medium | |
US20170031877A1 (en) | Web Page Design System | |
JP2018073125A (en) | Server device, client device, information processing method, and program | |
CN113158619A (en) | Document processing method and device, computer readable storage medium and computer equipment | |
JP6529229B2 (en) | INFORMATION PROCESSING APPARATUS, CONTROL METHOD, AND COMPUTER PROGRAM | |
JP2016170661A (en) | Information processing system, server device, information processing device, control method and program | |
JP2017097686A (en) | Information processing unit, control method thereof and program | |
JP2019152893A (en) | Information processing apparatus, method and program thereof | |
JP2017027319A (en) | Display/editing/storage method, device, and processing program of document documentation data | |
US20200104024A1 (en) | Communication terminal, information sharing system, display control method, and non-transitory computer-readable medium | |
US20200192863A1 (en) | Drag and drop format conversion between applications | |
JP2013131107A (en) | Information process system, information processing unit, information processing method, and computer program | |
JP6587237B2 (en) | Program, information processing method, image processing apparatus, and server | |
JP2007179209A (en) | Recording/management method of business processes or documents | |
JP2005339333A (en) | Form management system | |
JP2017027320A (en) | Display, editing and printing method, device and processing program for document data | |
JP2017126230A (en) | Method, device, and processing program for displaying and editing form document data | |
JP2020106926A (en) | Information processing device, information processing system, and information processing method | |
Soutome et al. | A web-based platform for clients and designers to prototype web sites | |
JP7060788B2 (en) | Information processing equipment, information processing equipment control methods, and computer programs | |
JP2017126229A (en) | Method, device, and processing program for displaying, editing, and storing form document data |