JP2020017277A - Web reporting design system for programming event operation, based on graphic interface - Google Patents

Web reporting design system for programming event operation, based on graphic interface Download PDF

Info

Publication number
JP2020017277A
JP2020017277A JP2019133530A JP2019133530A JP2020017277A JP 2020017277 A JP2020017277 A JP 2020017277A JP 2019133530 A JP2019133530 A JP 2019133530A JP 2019133530 A JP2019133530 A JP 2019133530A JP 2020017277 A JP2020017277 A JP 2020017277A
Authority
JP
Japan
Prior art keywords
web
event
reporting
unit
page
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.)
Granted
Application number
JP2019133530A
Other languages
Japanese (ja)
Other versions
JP6813634B2 (en
Inventor
ヨングン ベ
Yeong Geun Bae
ヨングン ベ
ソンミン ホワン
Seon Min Hwang
ソンミン ホワン
ジンス ハン
Jin Su Han
ジンス ハン
ヨンギョン イ
Young Gyun Lee
ヨンギョン イ
キュファ チョン
Kyu Hwa Jeon
キュファ チョン
ダウン チョン
Da Woon Jeong
ダウン チョン
アビョル キム
Ah Byul Kim
アビョル キム
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.)
BIMATRIX CO Ltd
BI MATRIX CO Ltd
Original Assignee
BIMATRIX CO Ltd
BI MATRIX CO Ltd
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 BIMATRIX CO Ltd, BI MATRIX CO Ltd filed Critical BIMATRIX CO Ltd
Publication of JP2020017277A publication Critical patent/JP2020017277A/en
Application granted granted Critical
Publication of JP6813634B2 publication Critical patent/JP6813634B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

To provide a Web reporting design system for creating an interactive report utilizing a database accumulating big data and the like.SOLUTION: A Web design server 30 includes: a screen edition part 31 which arranges a large number of control objects, and edits a Web reporting page screen by setting attributes thereof; a data connection part 32 which connects a dataset to the control objects; an operation setting part 33 which sets an event operation for the control objects; and a document creation part 34 which creates an editing result, as a Web reporting document, by reflecting the editing result. The screen arrangement of the control objects, the connection of the datasets, and the setting of the event operations etc. are all performed according to a Brunswick method and a drag-and-drop method, thereby allowing even non-experts not knowing a programming language at all to create an interactive Web reporting page.SELECTED DRAWING: Figure 2

Description

本発明は、ビッグデータなどの蓄積されたデータベースを利用してWeb上で提供する報告書を作成するが、特に、Web上のインタラクティブ報告書のためにイベントハンドリング機能をグラフィックインタフェースでプログラミングするために提供する、グラフィックインタフェース基盤のWebレポーティングデザインシステムに関する。   The present invention uses a stored database such as big data to create a report to be provided on the Web. In particular, the present invention provides a method for programming an event handling function with a graphic interface for an interactive report on the Web. The present invention relates to a graphic reporting based Web reporting design system to be provided.

一般に、ビジネスインテリジェンス(BI、Business Intelligence)とは、企業の膨大なデータを、統計分析のような定型または非定型的な方法で多様に分析するか、分析された情報を理解しやすく、見栄えの良い報告書の形に加工することで、ビジネスをより合理的に進めるのに役に立つ一連のツールのことである。企業がビジネスしながら蓄積されるデータは限りなく多い。これらのデータは、ビジネス現場の鮮やかな内容を伝達するものであって、まともに分析したらその中からビジネスに必要な情報を取り出すことができる。   In general, business intelligence (BI) refers to analyzing a vast amount of data of a company in a fixed or atypical manner, such as statistical analysis, in a variety of ways, or by analyzing the analyzed information in an easy-to-understand and attractive manner. A set of tools that, when processed into a good report, can help your business run more rationally. The amount of data that companies accumulate while doing business is endless. These data convey the vivid content of the business site, and if properly analyzed, information necessary for the business can be extracted from the data.

しかし、現場で蓄積された相当量のデータから意味のある分析結果を導出することは、それほど簡単な作業ではない。また、従来のビジネスインテリジェンス(BI)は、さまざまな分析ツールを有しているが、ユーザは、さまざまな分析ツールを扱うために熟練した知識を備えなければならいたので、特定の分析以外には普遍的に利用できるものではなかった。   However, deriving meaningful analysis results from a considerable amount of data accumulated in the field is not a trivial task. Also, conventional business intelligence (BI) has a variety of analysis tools, but since users had to have skilled knowledge to work with the various analysis tools, other than specific analysis, It was not universally available.

かかる問題を解決するために、Web環境においてデータベースを照会して分析するレポーティング技術が提案されている[特許文献1]。上記先行技術によれば、開発者は、データベースサーバのデータを利用してウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式で報告書を設計し、Webサーバは、設計された報告書の登録を受け、報告書の設定内容に応じて、データベースサーバから必要なデータをインポートして報告書を生成し、ユーザは、Webブラウザ上で報告書を要請してみる。   In order to solve such a problem, a reporting technique for querying and analyzing a database in a Web environment has been proposed [Patent Document 1]. According to the above prior art, a developer designs a report by using a data of a database server in a WYSIWYG method and a drag and drop (Drag & Drop) method, and the Web server registers the designed report. Then, according to the setting contents of the report, necessary data is imported from the database server to generate the report, and the user requests the report on the Web browser.

また、Webサービスを利用して、複数の場所に分散されているデータにアクセスし統合して、報告書をリアルタイムで出力する技術も提案されている[特許文献2]。また、管理者は、データベースから受信したテーブル情報をWeb上で選択してマッピングテーブルを生成し、これを利用して様々な様式のBIレポートを生成し、ユーザは、生成されたさまざまな様式のBIレポートをWeb上で選択して確認する技術も提案されている[特許文献3]。   In addition, a technique has been proposed in which a web service is used to access and integrate data distributed in a plurality of locations and output a report in real time [Patent Document 2]. Further, the administrator selects table information received from the database on the Web to generate a mapping table, and generates a BI report in various formats by using the mapping table. A technique for selecting and confirming a BI report on the Web has also been proposed [Patent Document 3].

一般的に、Webページをデザイン開発するとき、Webページ上の画面構成と、インタラクティブ(interactive)インタフェースのためのイベントハンドリング機能とを作成する必要がある。前述の先行技術と同様に、Webページ上の画面構成は、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式などで簡単でシンプルにデザインすることができる。   Generally, when a web page is designed and developed, it is necessary to create a screen configuration on the web page and an event handling function for an interactive interface. As in the above-described prior art, the screen configuration on the Web page can be simply and simply designed by a WYSIWYG method, a drag and drop (Drag & Drop) method, or the like.

しかしながら、Webページ上でインタラクティブ(interactive)インタフェースを構成するためには、特定の対象に対するクリック、ダブルクリックなどのジェスチャー(またはイベント)を入力すると、特定の行為が行われるように構成する必要がある。すなわち、Webページ上で特定のイベントが発生すると当該イベントに対応する作業が行われるように、イベント作業を事前に定義しておく必要がある。   However, in order to configure an interactive interface on a Web page, it is necessary to perform a specific action by inputting a gesture (or event) such as a click or a double click on a specific object. . That is, it is necessary to define the event work in advance so that when a specific event occurs on the Web page, a work corresponding to the event is performed.

一般的に、このようなイベント作業(またはイベントハンドリング)を、Webプログラミングにより作成する。例えば、JSP(JavaServer Pages)は、ASP(Active Server Pages)、PHP(Hypertext Preprocessor)などのサーバ側Webプログラムを用いて、イベントハンドリングが定義されるか作成される。しかしながら、上記のようなWebプログラムは、専門家だけが作成可能である。すなわち、Webプログラミング言語を学び作成できる場合に限って、イベントハンドリングを定義するか作成することができる。   Generally, such event work (or event handling) is created by Web programming. For example, in the case of JSP (JavaServer Pages), event handling is defined or created using a server-side Web program such as an ASP (Active Server Pages) or a PHP (Hypertext Preprocessor). However, the Web program as described above can be created only by experts. That is, event handling can be defined or created only when learning and creating a Web programming language are possible.

したがって、従来のWebレポーティング技術によれば、Webプログラムを学んでいない管理者は、ウィジウィグ(WYSIWYG)などにより画面構成を行うことはできるが、イベントハンドリングを定義してより複雑なインタラクティブ(interactive)Webインタフェースを作成することはできないという問題がある。   Therefore, according to the conventional Web reporting technology, an administrator who has not learned a Web program can configure a screen by using WYSIWYG or the like. However, by defining event handling, a more complex interactive Web is defined. There is a problem that an interface cannot be created.

韓国登録特許第10−0497811号(2005.06.18.公告)Korean Registered Patent No. 10-0497811 (2005.06.18. Notice) 韓国登録特許第10−0697155号(2007.03.21.公告)Korean Registered Patent No. 10-0697155 (2007.03.21. Notice) 韓国公開特許第10−2013−0126012号(2013.11.20.公開)Korean Published Patent No. 10-2013-0126012 (2013.11.20. Published)

本発明は、上記問題を解決するためのものであり、その目的は、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式を用いて、コントロールオブジェクトを配置して画面を構成し、コントロールオブジェクトにデータセットを接続し、各コントロールオブジェクトのイベントにイベント動作を設定することにより、Webページを構成する、グラフィックインタフェース基盤のWebレポーティングデザインシステムを提供することである。   An object of the present invention is to solve the above-described problem, and an object of the present invention is to arrange a control object using a WYSIWYG method and a drag-and-drop (Drag & Drop) method to configure a screen, and to form a screen on the control object. An object of the present invention is to provide a Web reporting design system based on a graphic interface that configures a Web page by connecting a data set and setting an event operation to an event of each control object.

また、本発明の他の目的は、コントロールオブジェクトのイベントに対するイベント動作をグラフィックインタフェースを介して作成するが、イベント動作を多数の単位動作の上下順序によって配置し、単位動作が条件文である場合、各条件に応じた動作を下位階層として有する階層構造を構成する、グラフィックインタフェース基盤のWebレポーティングデザインシステムを提供することである。   Another object of the present invention is to create an event operation for an event of a control object via a graphic interface, but arrange the event operations in a vertical order of a number of unit operations, and when the unit operations are conditional statements, An object of the present invention is to provide a Web interface design system based on a graphic interface, which constitutes a hierarchical structure having an operation corresponding to each condition as a lower hierarchy.

上記目的を達成するために、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムは、多数のコントロールオブジェクトを配置し、配置されたコントロールオブジェクトの属性を設定してWebレポーティングページの画面を編集する画面編集部と;前記Webレポーティングページ内のコントロールオブジェクトにデータセットを接続するデータ接続部と;前記Webレポーティングページ内のコントロールオブジェクトにイベント動作を設定する動作設定部と;前記Webレポーティングページの編集結果を反映して、編集結果をWebレポーティング文書として作成して生成する文書生成部と;を含むことを特徴とする。   In order to achieve the above object, a graphic reporting platform based web reporting design system according to the present invention arranges a number of control objects, sets attributes of the arranged control objects, and edits a screen of a web reporting page. An editing unit; a data connection unit for connecting a data set to a control object in the web reporting page; an operation setting unit for setting an event operation in the control object in the web reporting page; and an editing result of the web reporting page. And a document generation unit that generates and generates an editing result as a Web reporting document by reflecting the editing result.

また、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムにおいて、前記動作設定部は、前記コントロールオブジェクトのイベントを選択し、選択された当該イベントに対するイベント動作を設定するが、前記イベント動作は、多数の単位動作の上下順序によって配置して作成され、単位動作が条件文である場合、各条件に応じた下位動作を下位階層として構成して作成されることを特徴とする。   In the graphic reporting based web reporting design system according to the present invention, the operation setting unit selects an event of the control object and sets an event operation for the selected event. When the unit operation is a conditional statement, the lower operation corresponding to each condition is formed as a lower hierarchy and is created.

また、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムにおいて、前記動作設定部では、前記下位動作は、上下順序によって配置される多数の単位動作で構成でき、前記下位動作は、条件文の単位動作を含み得、前記下位動作の条件文の単位動作は、各条件に応じた動作が下位階層として作成されることを特徴とする。   In the graphic interface-based Web reporting design system according to the present invention, in the operation setting unit, the lower operation may be configured by a number of unit operations arranged in an ascending or descending order, and the lower operation may be a unit of a conditional statement. An operation may be included, and the unit operation of the conditional sentence of the lower operation is such that an operation corresponding to each condition is created as a lower hierarchy.

また、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムにおいて、前記動作設定部は、上下順序を有する配置及び階層構造のグラフィックにより、階層構造のイベント動作をウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag& Drop)方式で処理できるようにすることを特徴とする。   Further, in the graphic reporting based web reporting design system according to the present invention, the operation setting unit uses a layout of hierarchical order and a graphic of hierarchical structure to perform a hierarchical event operation in a WYSIWYG method and a drag and drop (WYSIWYG) method. (Drag & Drop) method.

また、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムにおいて、前記動作設定部は、1つの単位動作には1つの実行関数を選択するようにし、選択された実行関数に対するオプションを設定するようにしたグラフィックインタフェースを提供することを特徴とする。   Also, in the graphic reporting based web reporting design system according to the present invention, the operation setting unit selects one execution function for one unit operation and sets an option for the selected execution function. The present invention is characterized in that a graphic interface is provided.

また、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムにおいて、前記動作設定部は、コントロールオブジェクトの種類またはイベントの種類に応じた適用可能実行関数のリストを保有し、実行関数をリストで表示し、リストの中から選択するようにして実行関数を決定することを特徴とする。   Further, in the graphic reporting based Web reporting design system according to the present invention, the operation setting unit holds a list of applicable execution functions according to the type of the control object or the type of the event, and displays the execution functions in a list. , An execution function is determined by selecting from a list.

上述したように、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムによれば、コントロールオブジェクトの画面配置、データセットの接続、イベント動作の設定などをすべて前記ウィジウィグ方式及びドラッグアンドドロップ方式で行うことにより、プログラミング言語を全く知らない非専門家でもインタラクティブWebレポーティングページを作成することができるという効果が得られる。   As described above, according to the graphic interface-based Web reporting design system of the present invention, the screen layout of control objects, the connection of data sets, the setting of event operations, and the like are all performed by the widget method and the drag-and-drop method. Accordingly, an effect is obtained that even a non-expert who does not know any programming language can create an interactive Web reporting page.

また、本発明に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムによれば、上下順序のある配置及び階層構造を有するグラフィックインタフェースによってイベント動作をプログラミングすることにより、イベント動作のプログラミングを直感的に作成でき、このため、プログラミングの非専門家であっても簡単に動作のフローを制御することができるという効果が得られる。   Also, according to the graphic interface-based Web reporting design system according to the present invention, by programming event operations by means of a graphic interface having an arrangement and a hierarchical structure in an ascending order, programming of event operations can be created intuitively. For this reason, the effect that even a non-expert in programming can easily control the operation flow can be obtained.

本発明を実施するための全体システムの構成図である。1 is a configuration diagram of an entire system for implementing the present invention. 本発明の一実施形態に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムの構成に対するブロック図である。1 is a block diagram illustrating a configuration of a graphic interface-based Web reporting design system according to an exemplary embodiment of the present invention. 本発明の一実施形態に係るWebレポーティングページの編集画面の例示図である。FIG. 5 is an exemplary diagram of an editing screen of a web reporting page according to an embodiment of the present invention. 本発明の一実施形態に係るデータセットをコントロールオブジェクトに接続する画面の例示図である。FIG. 4 is an exemplary diagram of a screen for connecting a data set to a control object according to an embodiment of the present invention. 本発明の一実施形態に係るコントロールオブジェクトの種類及びイベントを示す表である。5 is a table showing types and events of control objects according to an embodiment of the present invention. 本発明の一実施形態に係る動作設定画面の例示図である。FIG. 5 is an exemplary diagram of an operation setting screen according to an embodiment of the present invention. 本発明の一実施形態に係る動作設定画面の例示図である。FIG. 5 is an exemplary diagram of an operation setting screen according to an embodiment of the present invention. 本発明の一実施形態に係る実行関数を登録する画面の例示図である。FIG. 5 is an exemplary diagram of a screen for registering an execution function according to an embodiment of the present invention. 本発明の一実施形態に係る単位動作の配置順序を変更する画面の例示図である。FIG. 6 is an exemplary diagram of a screen for changing an arrangement order of unit operations according to an embodiment of the present invention. 本発明の一実施形態に係る条件文の単位動作を設定する画面の例示図である。FIG. 5 is an exemplary diagram of a screen for setting a unit operation of a conditional sentence according to an embodiment of the present invention. 本発明の一実施形態に基づいて、イベントが発生する場合の設定された動作が行われる過程を示すフローチャートである。6 is a flowchart illustrating a process of performing a set operation when an event occurs according to an exemplary embodiment of the present invention.

以下、本発明の実施のための具体的な内容を図面に基づいて説明する。   Hereinafter, specific contents for implementing the present invention will be described with reference to the drawings.

また、本発明を説明するに当たり、同一の部材には同一の符号を付し、その繰り返しの説明は省略する。   In the description of the present invention, the same members will be denoted by the same reference characters, and a repeated description thereof will be omitted.

まず、本発明を実施するための全体システムの構成について図1を参照して説明する。   First, the configuration of an overall system for implementing the present invention will be described with reference to FIG.

図1に示すように、本発明を実施するための全体システムは、開発者端末10にインストールされるクライアント20と、クライアント20とネットワークにより接続されるWebデザインサーバ30と、データを保存して管理するデータベース40と、で構成される。また、Webレポーティング資料をWeb上で閲覧するユーザ端末50と、Webレポーティング資料をWeb上にWebページの形で提供するWebレポーティングサーバ60と、をさらに含んで構成される。   As shown in FIG. 1, an overall system for implementing the present invention includes a client 20 installed on a developer terminal 10, a web design server 30 connected to the client 20 via a network, and data storage and management. And a database 40 to be executed. In addition, the system further includes a user terminal 50 for browsing Web reporting materials on the Web, and a Web reporting server 60 for providing Web reporting materials on the Web in the form of Web pages.

クライアント20は、開発者端末10にインストールされるクライアント用のプログラムシステムであって、Webブラウザを介してユーザインタフェースを有する。すなわち、ユーザは、WebブラウザまたはWebブラウザのような画面のインタフェースを介して、オンライン上でのWebレポーティングページ(またはWebページ)のデザイン作業を行う。このとき、開発者端末10は、ユーザのコマンドなどの入力を受けて当該コマンドを実行し、処理結果を画面上またはWebブラウザ上に表示する。   The client 20 is a client program system that is installed in the developer terminal 10, and has a user interface via a Web browser. That is, the user performs an online Web reporting page (or Web page) design operation via a Web browser or a screen interface such as a Web browser. At this time, the developer terminal 10 receives the input of a user command or the like, executes the command, and displays a processing result on a screen or a Web browser.

一方、開発者端末10は、開発者が使用する端末であり、パーソナルコンピュータ(PC)、ノートブック、タブレットPC、ファブレット、PDA、スマートフォンなどのコンピューティング機能を有するコンピュータ端末である。開発者端末10とWebデザインサーバ30とはネットワークにより接続され、開発者端末10上のクライアント20は、オンライン上でのWebページのデザイン作業を行うことができる。   On the other hand, the developer terminal 10 is a terminal used by the developer, and is a computer terminal having a computing function such as a personal computer (PC), a notebook, a tablet PC, a phablet, a PDA, and a smartphone. The developer terminal 10 and the web design server 30 are connected via a network, and the client 20 on the developer terminal 10 can perform online web page design work.

また、クライアント20は、オンライン上でWebレポーティングページ(またはWebページ)の画面を構成したり、構成されたWebページ内の構成要素のイベントを設定したり、当該イベントのイベントハンドリングの動作設定作業を行ったりする。   Further, the client 20 configures a screen of a Web reporting page (or Web page) online, sets an event of a component in the configured Web page, and performs an operation setting operation of event handling of the event. Go.

Webレポーティングページとは、データベース40に保存されているデータまたはデータセットをフィルタリングして抽出したり、統計分析などの分析を行ったりして、その結果、データをさまざまな形で表示するWebページのことである。また、Webレポーティングページは、ユーザがWebページ上でクリック、ダブルクリックなどのジェスチャーを実行すると、抽出や分析を再実行して表示したり、結果のデータを他の形式で表示したりするなどのインタラクティブ(interactive)機能を有する。   The Web reporting page is a Web page that displays data or data sets stored in the database 40 by filtering or extracting the data or performing analysis such as statistical analysis. That is. In addition, when a user performs a gesture such as clicking or double-clicking on the Web page, the Web reporting page displays the extracted and analyzed data again, or displays the resulting data in another format. It has an interactive function.

まず、クライアント20は、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式でWebレポーティングページを作成する。このとき、Webレポーティングページは、ボタン、コンボボックス、表、チャートなどの多数のコントロールオブジェクトで構成される。したがって、クライアント20がWebレポーティングページを作成するというのは、多数のコントロールオブジェクトをWebページの画面上に配置し、当該コントロールオブジェクトに属性を付与することをいう。   First, the client 20 creates a Web reporting page by a WYSIWYG method and a drag and drop method. At this time, the Web reporting page is composed of many control objects such as buttons, combo boxes, tables, and charts. Therefore, creating the Web reporting page by the client 20 means arranging a large number of control objects on the screen of the Web page and assigning attributes to the control objects.

また、クライアント20は、Webレポーティングページ内のコントロールオブジェクトにデータセット(データベースから抽出したデータ)を接続設定する。すなわち、Webレポーティングページが閲覧されたときに、コントロールオブジェクトは、接続されているデータセットをデータベース40からインポートし、設定された形で当該データセットの抽出された結果や分析結果を表示する。   Further, the client 20 connects and sets a data set (data extracted from the database) to the control object in the Web reporting page. That is, when the Web reporting page is browsed, the control object imports the connected data set from the database 40 and displays the extracted result and the analysis result of the data set in a set form.

このとき、コントロールオブジェクトは、データセットと接続できるオブジェクトと、接続できないオブジェクトとに区別可能である。   At this time, the control object can be distinguished into an object that can be connected to the data set and an object that cannot be connected.

また、クライアント20は、Webレポーティングページ内のコントロールオブジェクトに、参照するデータセットを定義して接続する。   Further, the client 20 defines a data set to be referred to and connects to a control object in the Web reporting page.

データセットとは、同じフィールドで構成されている多数のレコードで構成されているデータの集合を意味する。すなわち、1つのレコードは、多数のフィールド値で構成され、すべてのレコードのフィールド(カラム)は、同じフィールド(またはカラム)を有している。特に、データセットは、1つまたは複数のデータテーブル(またはデータベースのDBテーブル)からインポートしたデータである。このとき、データセットは、1つまたは複数のデータテーブルを参照するクエリ文によって抽出されたデータである。   The data set means a set of data composed of a number of records composed of the same fields. That is, one record is composed of many field values, and the fields (columns) of all records have the same field (or column). In particular, a data set is data imported from one or more data tables (or a DB table of a database). At this time, the data set is data extracted by a query statement referring to one or a plurality of data tables.

好ましくは、クライアント20は、データベース40からデータセットを参照するクエリ文を作成するために、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式のクエリ文作成手段を提供する。すなわち、クライアント20は、前記ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式でコントロールオブジェクトへのデータセットの接続を定義することができる。   Preferably, the client 20 provides a WYSIWYG-based and a drag-and-drop (Drag & Drop) -based query statement creating means for creating a query statement referring to the data set from the database 40. That is, the client 20 can define the connection of the data set to the control object by the WYSIWYG method and the Drag & Drop method.

また、クライアント20は、コントロールオブジェクトにイベントを接続し、当該イベント動作(イベントハンドリング)を設定する。   Further, the client 20 connects an event to the control object and sets the event operation (event handling).

イベントとは、Webレポーティングページ上で発生する動作や出来事であって、キーボードによるキー入力、マウスのクリックやダブルクリックなどのジェスチャー、タイマー機能の発生、コントロールオブジェクトの属性値変更などをいう。   An event is an operation or event that occurs on a Web reporting page, and includes key input by a keyboard, gestures such as mouse clicks and double clicks, occurrence of a timer function, change of an attribute value of a control object, and the like.

コントロールオブジェクトにおける特定のイベントを接続し、当該イベントを処理する動作(またはイベント動作)を設定すると、当該イベントが発生した場合、当該イベント動作が行われる。このとき、イベントが発生すると、当該イベントを処理することをイベントハンドリングという。   When a specific event in the control object is connected and an operation (or an event operation) for processing the event is set, when the event occurs, the event operation is performed. At this time, when an event occurs, processing the event is called event handling.

クライアント20は、イベント動作を、グラフィックインタフェースを用いて作成する。すなわち、イベント動作は、多数の単位動作の上下順序によって配置して作成され、単位動作が条件文である場合、各条件に応じた動作を下位階層として構成して作成される。また、各条件に応じた下位動作は、多数の単位動作の上下順位による配置により作成される。そして、イベント動作は、各単位動作が配置順序によって順次実行されるように制御される。また、条件文である単位動作は、条件に合った下位階層の動作が実行されるように制御される。   The client 20 creates an event operation using a graphic interface. That is, the event operations are created by arranging them in the order of many unit operations, and when the unit operation is a conditional sentence, the operations according to each condition are configured as a lower hierarchy. In addition, the lower-level operations according to each condition are created by arranging a number of unit operations in the upper and lower order. The event operation is controlled so that each unit operation is sequentially executed in the arrangement order. The unit operation, which is a conditional sentence, is controlled so that an operation of a lower hierarchy that meets the condition is executed.

また、クライアント20は、上下順序を有する配置及び階層構造のグラフィックにより、階層構造のイベント動作をウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式で処理できるようにする。   In addition, the client 20 can process event operations having a hierarchical structure by a WYSIWYG method and a drag-and-drop method by using an arrangement having a vertical order and a graphic having a hierarchical structure.

また、クライアント20は、単位動作を定義する場合、単位動作で実行される実行関数を選択し、必要に応じて実行関数の引数(argument)を入力する。   When defining a unit operation, the client 20 selects an execution function to be executed in the unit operation, and inputs an argument of the execution function as needed.

次に、Webデザインサーバ30は、クライアント20がWeb上でのWebレポーティングページをデザインできるサービスを提供する。すなわち、Webデザインサーバ30は、オンライン上でのWebレポーティングページ(またはWebページ)の画面を構成したり、構成されたWebページ内の構成要素のイベントを設定したり、当該イベントのイベントハンドリングの動作設定作業を行ったりするために、Webレポーティングページのデザインサービスを提供する。   Next, the web design server 30 provides a service that allows the client 20 to design a web reporting page on the web. That is, the web design server 30 configures a screen of a web reporting page (or web page) online, sets an event of a component in the configured web page, and performs an event handling operation of the event. In order to perform setting work, a Web reporting page design service is provided.

まず、Webデザインサーバ30は、クライアント20でWebページの画面をデザインする際に使用できるコントロールオブジェクトの種類及び形状、当該コントロールオブジェクトで使用できる属性などを事前に定義しておく。   First, the Web design server 30 defines in advance the types and shapes of control objects that can be used when designing the screen of a Web page with the client 20, the attributes that can be used by the control objects, and the like.

また、Webデザインサーバ30は、データベース40に接続し、DBテーブルのリスト及び、当該DBテーブルのフィールドの名称、タイプなどのDBテーブルのメタ情報をインポートし、クライアント20でデータセットを定義するためのクエリ文の情報として提供する。また、Webデザインサーバ30は、データセットを定義するために、すでにテンプレートから作成したクエリ文を提供することができる。   Further, the web design server 30 connects to the database 40, imports a list of DB tables and meta information of the DB tables such as names and types of fields of the DB tables, and defines a data set in the client 20. Provide as query statement information. Further, the web design server 30 can provide a query sentence that has already been created from a template in order to define a data set.

また、Webデザインサーバ30は、クライアント20で使用できる全体イベント、各コントロールオブジェクトで使用できるイベントなどを事前に設定しておき、クライアント20でイベントを設定するとき、イベントのリストを提供する。   Further, the web design server 30 sets in advance all events that can be used by the client 20, events that can be used by each control object, and the like, and provides a list of events when setting an event in the client 20.

また、Webデザインサーバ30は、クライアント20で単位動作として使用できる実行関数を事前に定義して設定しておく。また、実行関数の名前及び、引数などの実行関数のメタ情報をクライアント20に伝達することができる。このとき、実行関数は、Java、VB(Visual Basic)などのWebプログラミング言語または一般プログラミング言語で作成された関数であってもよい。   The web design server 30 defines and sets in advance an execution function that can be used as a unit operation in the client 20. In addition, meta information of the execution function such as the name of the execution function and arguments can be transmitted to the client 20. At this time, the execution function may be a function created in a Web programming language such as Java or VB (Visual Basic) or a general programming language.

また、Webデザインサーバ30は、クライアント20における上下順序による配置及び階層構造で作成されたイベント動作を、Java、VBなどのWebプログラミング言語または一般プログラミング言語に変換して、スクリプトコードに変換する。   Further, the Web design server 30 converts an event operation created in the client 20 in an arrangement order and a hierarchical structure in the client 20 into a Web programming language such as Java or VB or a general programming language, and converts it into a script code.

また、Webデザインサーバ30は、クライアント20がWebレポーティングページのデザイン編集を完了したら、Webレポーティングページで定義されたコントロールオブジェクト、イベント、イベント動作を、Web標準言語によるWebページ及び、Webスクリプト言語などに変換して、最終的なWebレポーティングページを生成する。   Further, when the client 20 completes the design editing of the Web reporting page, the Web design server 30 converts the control objects, events, and event operations defined in the Web reporting page into a Web page in a Web standard language and a Web script language. Convert to generate the final web reporting page.

また、他の実施形態において、Webデザインサーバ30は、Webレポーティングページのデザイン編集が完了したら、Webレポーティングページで定義されたコントロールオブジェクト、イベント、イベント動作に対する編集情報を、XMLなどの規格化された形式で保存する。例えば、コントロールオブジェクトについての編集情報は、各コントロールオブジェクトの種類、属性、イベント、当該イベント動作情報などで構成される。これをWebレポーティング文書と呼ぶことにする。   In another embodiment, when the design editing of the Web reporting page is completed, the Web design server 30 converts the editing information for the control objects, events, and event operations defined in the Web reporting page into standardized data such as XML. Save in the format. For example, the editing information on the control object includes the type, attribute, event, and event operation information of each control object. This will be referred to as a Web reporting document.

そして、専用ビューアによって、当該規格化された形式のWebレポーティング文書を読み、Webレポーティングページを生成してWeb上で表示、動作することができる。   Then, the Web viewer can read the standardized format Web reporting document, generate a Web reporting page, and display and operate on the Web.

一方、前述したクライアント20とWebデザインサーバ30の機能は一例であり、サーバとクライアントの実現技術に基づいて多様に実現可能である。すなわち、クライアント20とWebデザインサーバ30は、1つのWebレポーティングデザインシステムであって、その機能が性能に応じて互いに分配されてもよい。例えば、クライアント20は、単純にWebブラウザの機能だけを持っており、Webデザインサーバ30がすべての機能を構築してもよい。すなわち、Webデザインサーバ30は、Web画面のデザイン、データセットの接続、イベント設定などの機能をすべて持つことができる。また他の例において、Webデザインサーバ30は、データベース40とのインタフェース機能や最終レポーティングページを登録する機能だけを持っており、クライアント20は、Web画面のデザイン、データセットの接続、イベント設定などの機能だけではなく、編集されたレポーティングページで最終Webレポーティングページを変換する機能をも備えていてもよい。すなわち、サーバ−クライアントの実現方式により様々な形で機能を分配することができる。   On the other hand, the functions of the client 20 and the web design server 30 described above are merely examples, and various functions can be realized based on the technology of realizing the server and the client. That is, the client 20 and the web design server 30 are one web reporting design system, and the functions thereof may be distributed to each other according to the performance. For example, the client 20 may simply have only the function of a Web browser, and the Web design server 30 may construct all functions. That is, the Web design server 30 can have all functions such as Web screen design, connection of data sets, and event setting. In another example, the web design server 30 has only an interface function with the database 40 and a function of registering a final reporting page, and the client 20 has a web screen design, a data set connection, an event setting, and the like. Not only the function but also the function of converting the final Web reporting page with the edited reporting page may be provided. That is, the functions can be distributed in various forms according to the server-client implementation method.

好ましくは、クライアント20は、アプリケーション機能を有するWeb標準(例えば、HTML5など)とWebスクリプト言語(例えば、Javaなど)によって実現される。また、クライアント20とWebデザインサーバ30間のデータ送受信は、WebブラウザとWebサーバ間の標準的な通信プロトコルによって行われる。例えば、WebブラウザとWebサーバ間の非同期通信プロトコルであるAJAX(Asynchronous Javascript And Xml)を使用するか、Webサーバとのデータ交換形式であるJSON(JavaScript Object Notation)などを利用して、クライアント20とWebデザインサーバ30との間でデータを交換する。   Preferably, the client 20 is realized by a Web standard (for example, HTML5 or the like) having an application function and a Web script language (for example, Java or the like). Further, data transmission and reception between the client 20 and the web design server 30 are performed by a standard communication protocol between the web browser and the web server. For example, the client 20 may use AJAX (Asynchronous Javascript And Xml) which is an asynchronous communication protocol between the Web browser and the Web server, or use JSON (JavaScript Object Notation) which is a data exchange format with the Web server. Data is exchanged with the web design server 30.

すなわち、クライアント20は、SPA(Single Page Application)で構成される。SPAは、最初にWebアプリケーションに必要なリソースのダウンロードを受け、その後、データが変更されると、変更されたデータの伝達を受けてページを更新する。   That is, the client 20 is configured by SPA (Single Page Application). The SPA first receives the download of the resources required for the Web application, and then, when the data is changed, updates the page by transmitting the changed data.

特に、クライアント30は、HTML5及びJavaスクリプトで実現され、コントロールオブジェクトなどの画面配置デザインは、HTML5によって行われ、各コントロールオブジェクトのイベント及び属性(色、サイズなど)は、Javaスクリプトで実現される。   In particular, the client 30 is realized by HTML5 and Java script, the screen layout design of control objects and the like is performed by HTML5, and events and attributes (color, size, etc.) of each control object are realized by Java script.

また、編集状態のWebページ(編集用クライアント)または最終に実行するWebページ(ビューア用クライアント)では、動的なWebページ(Dynamic Web Page)を使用して、開発者またはユーザが、クライアントから所望の情報を要請すると、サーバは、データベース連動やクライアントの所望作業を代わりに処理し、その結果をクライアントに伝達する。このとき、作業要請や作業結果の送受信はAJAXまたはJSONなどの標準データ交換方式を使用する。   In a Web page in an editing state (client for editing) or a Web page to be executed last (client for viewer), a developer or a user can use a dynamic Web page (Dynamic Web Page) to request from a client. When the server requests the information, the server processes the database linkage or the desired operation of the client instead, and transmits the result to the client. At this time, transmission and reception of the work request and the work result use a standard data exchange method such as AJAX or JSON.

次に、データベース40は、データを保存するための通常のデータベース(DB)であって、データを管理するためのデータベース・マネジメント・システム(DBMS)を備え、データの保存、削除、検索などの作業を、クエリ(またはクエリ文)を介して行う。特に、データベース40は、商用化されたデータベースであり、データセットを処理するための一般的なクエリ機能を用いてデータクエリサービスを行う。   Next, the database 40 is a normal database (DB) for storing data, and includes a database management system (DBMS) for managing data, and performs operations such as data storage, deletion, and search. Through a query (or query statement). In particular, the database 40 is a commercialized database and provides a data query service using a general query function for processing a data set.

特に、データベース40は、ビッグデータを保存するデータベースである。また、好ましくは、データベース40は、リレーショナルデータベース(RDB)で構成される。   In particular, the database 40 is a database that stores big data. Also, preferably, the database 40 is constituted by a relational database (RDB).

また、データベース40は、Webデザインサーバ30に直接接続されたデータベースとして実現されてもよく、インターネット上で独立したDBサーバとして実現されてもよい。   Further, the database 40 may be realized as a database directly connected to the web design server 30, or may be realized as an independent DB server on the Internet.

次に、Webレポーティングサーバ60は、Webレポーティングサービスを提供する通常のWebサービスサーバである。すなわち、Webレポーティングサーバ60は、Webデザインサーバ30が完成したWebレポーティングページを登録し、ユーザ端末50から要請されたとき、当該Webレポーティングページを提供するサービスを行う。   Next, the Web reporting server 60 is a normal Web service server that provides a Web reporting service. That is, the Web reporting server 60 registers the completed Web reporting page by the Web design server 30 and provides a service for providing the Web reporting page when requested by the user terminal 50.

また、ユーザ端末50は、ユーザが使用する端末であり、パーソナルコンピュータ(PC)、ノートブック、タブレットPC、ファブレット、PDA、スマートフォンなどのコンピューティング機能を有するコンピュータ端末である。ユーザ端末50とWebレポーティングサーバ60とは、ネットワークを介して接続され、ユーザ端末50上のWebブラウザを介してWebレポーティングページを閲覧する。   The user terminal 50 is a terminal used by the user, and is a computer terminal having a computing function such as a personal computer (PC), a notebook, a tablet PC, a phablet, a PDA, and a smartphone. The user terminal 50 and the Web reporting server 60 are connected via a network, and browse a Web reporting page via a Web browser on the user terminal 50.

ユーザ端末50は、Webブラウザがインストールされて、Web上でWebレポーティングページを閲覧することができる。   The user terminal 50 has a Web browser installed and can browse a Web reporting page on the Web.

一実施形態によれば、Webレポーティング文書は、編集内容が規格化された形で保存される。そして、ユーザ端末50のWebブラウザからWebレポーティングサーバ60に接続すれば、Webブラウザは、Webレポーティング文書を閲覧できるWebレポーティングビューアをインポートする。そして、Webレポーティングビューアは、Webレポーティング文書の編集結果を解釈し、WebレポーティングページまたはWebページを生成して表示する。   According to one embodiment, the Web reporting document is stored in a form in which the editing content is standardized. When the user connects to the web reporting server 60 from the web browser of the user terminal 50, the web browser imports a web reporting viewer that can browse web reporting documents. Then, the Web reporting viewer interprets the editing result of the Web reporting document, and generates and displays a Web reporting page or a Web page.

すなわち、ユーザは、Webブラウザを介してWebレポーティングビューアを使用してWebレポーティングページをオープンすることで、Webレポーティングページが提供するデータセットの抽出や分析結果を閲覧することができる。このとき、Webレポーティングページ上でのクリック、ダブルクリックなどのマウスのジェスチャーやキーボードの入力キーによって、インタラクティブ(interactive)方式で抽出または分析結果を様々な形で閲覧することができる。   That is, the user can browse the result of extracting and analyzing the data set provided by the Web reporting page by opening the Web reporting page using the Web reporting viewer via the Web browser. At this time, the results of extraction or analysis can be viewed in various forms in an interactive manner by mouse gestures such as clicking and double-clicking on the Web reporting page and input keys of the keyboard.

また、ユーザ端末50が、Webレポーティングページにおけるデータセットを参照すると、Webレポーティングサーバ60は、データベース40を参照してデータセットをインポートして、当該データセットを当該Webレポーティングページに表示する。   When the user terminal 50 refers to the data set in the Web reporting page, the Web reporting server 60 imports the data set with reference to the database 40 and displays the data set on the Web reporting page.

次に、本発明の一実施形態に係るグラフィックインタフェース基盤のWebレポーティングデザインシステムについて、図2を参照して説明する。本発明に係るWebレポーティングデザインシステムは、前述したように、クライアント−サーバシステムで構築されてもよい。   Next, a Web reporting design system based on a graphic interface according to an embodiment of the present invention will be described with reference to FIG. As described above, the Web reporting design system according to the present invention may be configured by a client-server system.

図2に示すように、本発明の一実施形態に係るグラフィックインタフェース基盤のWebレポーティングデザインシステム300は、Webレポーティングページの画面を編集する画面編集部31と、画面のコントロールオブジェクトにデータセットを接続するデータ接続部32と、コントロールオブジェクトのイベント動作を設定する動作設定部33と、編集されたレポーティングページの編集内容を生成して保存する文書生成部34と、で構成される。また、処理するデータを一時的に保存する保存部38をさらに含んで構成される。   As shown in FIG. 2, a graphic reporting-based Web reporting design system 300 according to an embodiment of the present invention connects a data set to a screen editing unit 31 that edits a screen of a Web reporting page and a control object of the screen. It comprises a data connection unit 32, an operation setting unit 33 for setting an event operation of the control object, and a document generation unit 34 for generating and storing the edited contents of the edited reporting page. Further, it further includes a storage unit 38 for temporarily storing data to be processed.

まず、画面編集部31は、多数のコントロールオブジェクトを配置し、配置されたコントロールオブジェクトの属性を設定して、Webレポーティングページの画面を編集する。このとき、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式でWebレポーティングページを編集する。   First, the screen editing unit 31 arranges a large number of control objects, sets attributes of the arranged control objects, and edits the screen of the Web reporting page. At this time, the web reporting page is edited by the WYSIWYG method and the drag and drop method.

コントロールオブジェクトは、ボタン、コンボボックス、図形、テキストボックス、表、チャートなどのWeb報告書を表現するためのオブジェクトである。特に、コントロールオブジェクトは、ボタン、コンボボックス、チェックボックス、入力ボックスなどの制御のための制御用オブジェクト、ラベル、イメージなどのレポーティングの内容や形式を表現するための表示型オブジェクト、チャート、ピボットグリッド、リスト型グリッドなどのデータセットと接続できるデータオブジェクトなどに区分可能である。   The control object is an object for expressing a Web report such as a button, a combo box, a graphic, a text box, a table, and a chart. In particular, control objects are control objects for controlling buttons, combo boxes, check boxes, input boxes, etc., display type objects for expressing the content and format of reporting such as labels, images, charts, pivot grids, It can be divided into data objects that can be connected to a data set such as a list type grid.

図5において、(a)はデータオブジェクトを、(b)は制御用オブジェクトを、(c)は表示型オブジェクトを其々示している。   5A shows a data object, FIG. 5B shows a control object, and FIG. 5C shows a display object.

コントロールオブジェクトは、1つのオブジェクトであって、多数の属性を持ち、属性値を設定することによりオブジェクトが設定される。また、好ましくは、コントロールオブジェクトは、基本的なデフォルト値により属性が設定され、開発者によってカスタマイズされる。オブジェクトの属性を設定する技術は、既知の技術であるので、具体的な説明は省略する。   The control object is one object, has many attributes, and is set by setting attribute values. Also, preferably, the control object has attributes set by basic default values and is customized by a developer. The technology for setting the attributes of the object is a known technology, and a detailed description thereof will be omitted.

また、コントロールオブジェクトは、多数のオブジェクトで構成されてもよい。例えば、チャートオブジェクトは、グラフ、ラベルなどで構成され、表(リスト型グリッド)やピボットグリッドオブジェクトは、多数のセル、タイトルなどで構成されてもよい。このとき、コントロールオブジェクトを構成するオブジェクトを所属オブジェクトと呼ぶことにする。   Further, the control object may be composed of many objects. For example, a chart object may be configured with a graph, a label, and the like, and a table (list type grid) and a pivot grid object may be configured with a number of cells, titles, and the like. At this time, the objects constituting the control object will be referred to as belonging objects.

一方、画面編集部31は、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式でWebレポーティングページを編集するために、編集画面を提供する。Webレポーティングページの画面を編集する例は、図3に示されている。   On the other hand, the screen editing unit 31 provides an editing screen for editing a Web reporting page using a WYSIWYG method and a drag and drop method. An example of editing the screen of the web reporting page is shown in FIG.

図3に示すように、コントロールオブジェクトを種類別に表示して選択できるように提供するオブジェクト窓(A)、編集対象であるWebレポーティングページを表示するページ編集窓(B)、ページのコントロールオブジェクトの属性を設定する属性窓(C)などで構成されている。   As shown in FIG. 3, an object window (A) for displaying and selecting control objects by type, a page editing window (B) for displaying a Web reporting page to be edited, and attributes of control objects of the page. Attribute window (C) for setting

すなわち、開発者は、オブジェクト窓でコントロールオブジェクトを選択し、ページ編集窓で当該コントロールのオブジェクトを配置し、編集窓で位置や大きさなどをデザインし、編集窓でコントロールオブジェクトを選択した後、属性窓でコントロールオブジェクトの属性を設定する。   In other words, the developer selects the control object in the object window, arranges the control object in the page edit window, designs the position and size in the edit window, selects the control object in the edit window, Set the attributes of the control object in the window.

次に、データ接続部32は、Webレポーティングページ内のコントロールオブジェクトにデータセットを接続して設定する。   Next, the data connection unit 32 connects and sets the data set to the control object in the Web reporting page.

前述したように、データセットとは、同じフィールドで構成されている多数のレコードで構成されているデータの集合であり、1つまたは多数のDBテーブルを参照するクエリ文によって抽出されるデータである。   As described above, a data set is a set of data composed of a large number of records composed of the same field, and is data extracted by a query statement referring to one or many DB tables. .

一方、コントロールオブジェクトにデータセットを接続して設定するということは、実際に参照してインポートして接続するだけではなく、実際参照していないが、参照するデータセットと接続することも含む。したがって、コントロールオブジェクトへのデータセットの接続作業は、参照したデータセットを接続したり、参照するデータセットを定義したクエリ文をコントロールオブジェクトに接続することをいう。   On the other hand, connecting and setting a data set to a control object includes not only actually importing and connecting by reference, but also connecting to a dataset that is not actually referenced but is referenced. Therefore, the work of connecting the dataset to the control object refers to connecting the referenced dataset or connecting a query statement defining the referenced dataset to the control object.

また、データ接続部32は、データベース40においてデータセットを参照するクエリ文を作成するために、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式のクエリ文の作成手段を提供する。また、データ接続部32は、データセットを定義するために、既にテンプレートから作成したクエリ文を提供することができる。   In addition, the data connection unit 32 provides a means for creating a query sentence of the WYSIWYG method and a drag & drop (Drag & Drop) method in order to create a query sentence that refers to a data set in the database 40. Further, the data connection unit 32 can provide a query sentence that has already been created from a template to define a data set.

図4は、コントロールオブジェクトにデータセットを接続する例を示している。   FIG. 4 shows an example of connecting a data set to a control object.

図4に示すように、データ接続部32は、既に作られたクエリ文のテンプレートを選択し、当該テンプレートからクエリ文を作成することができる。すなわち、ウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式で簡単にクエリ文を作成することができる。   As shown in FIG. 4, the data connection unit 32 can select a template of a query sentence that has already been created and create a query sentence from the template. That is, it is possible to easily create a query sentence by a WYSIWYG method and a drag and drop (Drag & Drop) method.

次に、動作設定部33は、Webレポーティングページ内のコントロールオブジェクトにイベント動作を設定する。イベント動作は、イベントが発生した場合に実行される動作である。   Next, the operation setting unit 33 sets an event operation to a control object in the Web reporting page. The event operation is an operation executed when an event occurs.

イベントとは、Webレポーティングページ上で発生する動作や出来事であって、キーボードによるキー入力、マウスのクリックやダブルクリックなどジェスチャー、タイマー機能の発生、コントロールオブジェクトの属性値変更などをいう。また、コントロールオブジェクトが多数のオブジェクト(または所属オブジェクト)で構成されている場合には、所属オブジェクトのイベントもまたコントロールオブジェクトのイベントとして設定されてもよい。   An event is an operation or event that occurs on a Web reporting page, and includes key input by a keyboard, a gesture such as a mouse click or double click, generation of a timer function, change of an attribute value of a control object, and the like. When the control object is composed of a large number of objects (or belonging objects), the event of the belonging object may be set as the event of the control object.

また、イベントは、コントロールオブジェクトの種類に応じて異なってもよい。図5は、コントロールオブジェクトと、当該コントロールオブジェクトで使用できるイベントと、を示している。   Further, the event may be different depending on the type of the control object. FIG. 5 shows a control object and events that can be used by the control object.

図5に示すように、グリッドは、セルまたはヘッダをクリック(ダブルクリック)するイベントを有し、コンボボックスや入力ボックスは、値を変更するイベントを有することができる。すなわち、コントロールオブジェクトの種類に応じて、当該コントロールオブジェクトが有することができるイベントが異なってもよい。   As shown in FIG. 5, the grid has an event of clicking (double-clicking) a cell or a header, and a combo box or an input box can have an event of changing a value. That is, the events that the control object can have may be different depending on the type of the control object.

動作設定部33は、コントロールオブジェクトのイベント動作を設定するとき、当該コントロールオブジェクトのイベントを選択し、当該イベントに対する動作(イベント動作)を設定する。   When setting an event operation of a control object, the operation setting unit 33 selects an event of the control object and sets an operation (event operation) for the event.

前述したように、イベント動作は、多数の単位動作の上下順序によって配置して作成され、単位動作が条件文である場合、各条件に応じた動作を下位階層として構成して作成される。また、各条件に応じた下位動作は、多数の単位動作の上下順位による配置で作成される。また、各条件に応じた下位動作では、条件文の単位動作を含んでいてもよく、この場合にも、下位条件文の条件に応じた動作が下位階層として作成される。   As described above, an event operation is created by arranging a plurality of unit operations in an up-and-down order, and when a unit operation is a conditional statement, an operation corresponding to each condition is configured as a lower hierarchy and created. In addition, lower-order operations according to each condition are created by arranging a number of unit operations in the upper and lower order. Further, the lower operation according to each condition may include a unit operation of a conditional statement, and in this case, the operation according to the condition of the lower conditional statement is created as a lower hierarchy.

そして、イベント動作は、各単位動作が配置順序によって順次行われるように制御される。また、条件文である単位動作は、条件に合った下位階層の動作(または下位動作)が行われるように制御される。   Then, the event operation is controlled such that each unit operation is sequentially performed in the arrangement order. In addition, the unit operation, which is a conditional statement, is controlled so that a lower-level operation (or lower-level operation) that meets the condition is performed.

一方、動作設定部33は、上下順序を有する配置及び階層構造のグラフィックにより、階層構造のイベント動作をウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式で処理できるようにする。   On the other hand, the operation setting unit 33 enables the event operation having the hierarchical structure to be processed by the WYSIWYG method and the drag-and-drop (Drag & Drop) method by the arrangement and the graphic of the hierarchical structure having the upper and lower order.

コントロールオブジェクトの動作を設定する例は、図6及び図7に示されている。   Examples of setting the operation of the control object are shown in FIGS.

図6に示すように、特定のコントロールオブジェクトを選択して、当該コントロールオブジェクトの動作を設定することができる。このとき、動作設定をグラフィックを用いて行うために、動作設定画面を表示する。   As shown in FIG. 6, a specific control object can be selected and the operation of the control object can be set. At this time, an operation setting screen is displayed to perform the operation setting using graphics.

図7に示すように、動作設定画面は、コントロールオブジェクトを表示するオブジェクト表示窓(1番窓)、当該オブジェクトのイベントを選択するイベントの選択窓(3番窓)、イベント動作をグラフィックで表示するイベント動作表示窓(4番窓)、単位動作の実行関数のオプション設定窓(5番窓)などで構成されている。   As shown in FIG. 7, the operation setting screen graphically displays an object display window (first window) for displaying a control object, an event selection window (third window) for selecting an event of the object, and an event operation. It is composed of an event operation display window (fourth window), an option setting window (fifth window) for the execution function of the unit operation, and the like.

また、図7の2番窓に示すように、実行関数をモジュール化して、頻繁に使用する実行関数を事前にモジュールに登録し、当該モジュールに登録された実行関数を単位動作で設定することができる。   As shown in the second window of FIG. 7, it is possible to modularize an execution function, register frequently used execution functions in a module in advance, and set the execution functions registered in the module in unit operation. it can.

図7の4番窓に示すように、イベント動作は、上下順位を有する多数の単位動作で構成され、単位動作が条件文(例えば、if文など)である場合は、階層構造を持ち、各条件に応じた動作を下位階層として構成して作成される。   As shown in the fourth window of FIG. 7, the event operation is composed of a number of unit operations having an upper and lower order. When the unit operation is a conditional statement (for example, an if statement), the event operation has a hierarchical structure. The operation according to the condition is formed as a lower hierarchy.

また、動作設定部33は、1つの単位動作には1つの実行関数を選択し、選択された実行関数の引数(argument)(またはオプション、実行オプション)を設定する。   The operation setting unit 33 selects one execution function for one unit operation, and sets an argument (or option, execution option) of the selected execution function.

このとき、動作設定部33は、コントロールオブジェクトの種類(またはイベントの種類)に応じた適用可能実行関数のリストを保有し、実行関数のリストを開発者に表示し、リストの中から実行関数を選択させて実行関数を決定する。   At this time, the operation setting unit 33 holds a list of applicable execution functions according to the type of the control object (or the type of the event), displays the list of the execution functions to the developer, and selects the execution function from the list. Select and determine the execution function.

また、各実行関数は、事前に定義され、各実行関数のオプションも事前に定義される。したがって、特定の実行関数が選択されると、当該実行関数のオプションをオプション設定窓に表示する。実行関数のオプションは、実行関数の引数や環境変数などの詳細機能を設定するための変数である。   Each execution function is defined in advance, and options of each execution function are also defined in advance. Therefore, when a specific execution function is selected, options of the execution function are displayed in an option setting window. The options of the execution function are variables for setting detailed functions such as arguments of the execution function and environment variables.

図8は、実行関数を追加する画面の一例を示したものである。   FIG. 8 shows an example of a screen for adding an execution function.

図8に示すように、動作設定部33は、グラフィックインタフェースを介して各単位動作に実行関数を設定して登録することができる。   As shown in FIG. 8, the operation setting unit 33 can set and register an execution function for each unit operation via a graphic interface.

一方、前述したように、動作設定部33は、イベント動作を、配置順序を持つ多数の単位動作で設定するが、このとき、上下配置順序によって各単位動作の実行順序が決定される。   On the other hand, as described above, the operation setting unit 33 sets the event operation in a number of unit operations having an arrangement order. At this time, the execution order of each unit operation is determined by the vertical arrangement order.

図9は、イベント動作での単位動作が配置された順序によって実行順序を設定する例を示している。図9に示すように、イベント動作窓でドラッグアンドドロップ(Drag&Drop)方式で各単位動作(または実行関数)の順序を変更することで、実行順序を変更することができる。   FIG. 9 shows an example in which the execution order is set according to the order in which the unit actions in the event action are arranged. As shown in FIG. 9, the execution order can be changed by changing the order of each unit operation (or execution function) in the event operation window by a drag and drop (Drag & Drop) method.

また、図10は、単位動作が条件(または条件文の実行関数)で構成されている場合を示している。   FIG. 10 shows a case where the unit operation is constituted by a condition (or an execution function of a conditional statement).

図10のように、条件文の実行関数(または条件文の単位動作)は、各条件に応じて行われる下位動作が階層構造で表示される。このとき、下位動作は、上下順序を有する多数の単位動作で構成されてもよい。   As shown in FIG. 10, in the execution function of the conditional statement (or the unit operation of the conditional statement), lower-level operations performed according to each condition are displayed in a hierarchical structure. At this time, the lower order operation may be composed of a number of unit operations having an upper and lower order.

また、図10に示すように、条件を作成するための編集手段として、グラフィックインタフェースを介してウィジウィグ(WYSIWYG)方式またはドラッグアンドドロップ(Drag&Drop)方式の編集手段を提供する。   As shown in FIG. 10, as a means for editing conditions, a WYSIWYG method or a drag and drop (Drag & Drop) method is provided through a graphic interface.

次に、文書生成部34は、Webレポーティングページの編集結果をWebレポーティング文書に保存する。   Next, the document generation unit 34 saves the editing result of the Web reporting page in the Web reporting document.

一実施形態において、Webレポーティング文書は、編集されたWebレポーティングページの編集内容を保存する。好ましくは、XMLなどのマークアップ言語で保存する。すなわち、Webレポーティング文書には、Webレポーティングページで定義されたコントロールオブジェクトと、イベント、イベント動作に対する編集情報とをXMLなどの規格化された形で保存する。例えば、コントロールオブジェクトに対する編集情報は、各コントロールオブジェクトの種類、属性、イベント、当該イベント動作情報などで構成される。   In one embodiment, the web reporting document stores the edits of the edited web reporting page. Preferably, it is stored in a markup language such as XML. That is, the control object defined in the Web reporting page, the event, and the editing information for the event operation are stored in the Web reporting document in a standardized format such as XML. For example, the editing information for the control object includes the type, attribute, event, and event operation information of each control object.

他の実施形態において、Webレポーティング文書は、編集されたWebレポーティングページの編集内容を反映して、実際Webページを作成して生成することができる。すなわち、Webレポーティングページ内の各コントロールオブジェクトは、Web標準によるWebページとして生成され、各コントロールオブジェクトのイベント及びイベント動作は、Web標準によるWebスクリプト言語によって作成される。このとき、作成されたWebスクリプトもWebページ内に含まれて生成される。   In another embodiment, the Web reporting document may be created by actually creating a Web page by reflecting the edited contents of the edited Web reporting page. That is, each control object in the Web reporting page is generated as a Web page based on the Web standard, and the events and event operations of each control object are created in a Web script language based on the Web standard. At this time, the created Web script is also included and generated in the Web page.

すなわち、前述のWebレポーティングページを編集する構成要素、すなわち、画面編集部31、データ接続部32、及び動作設定部33で設定した編集結果を反映して、Web標準に基づくWebページを生成する。   That is, a Web page based on the Web standard is generated by reflecting the components for editing the Web reporting page, that is, the editing results set by the screen editing unit 31, the data connection unit 32, and the operation setting unit 33.

図11は、イベントが発生した場合、設定された動作が行われる過程を示す。このような過程に応じて編集結果をWeb標準に基づくWebページとして生成する。   FIG. 11 shows a process in which a set operation is performed when an event occurs. According to such a process, the editing result is generated as a Web page based on the Web standard.

以上、本発明者によって成された発明を、上記実施形態に基づいて詳細に説明したが、本発明は上記実施形態に限定されるものではなく、その要旨を外れない範囲で様々に変更可能なのは言うまでもない。   As described above, the invention made by the inventor has been described in detail based on the above embodiment. However, the present invention is not limited to the above embodiment, and various changes can be made without departing from the gist of the invention. Needless to say.

[この発明をサポートした国家研究開発事業]
[課題固有番号]2015−0−00765(R0113−16−0005)
[部署名]科学技術情報通信部(韓国)
[研究管理専門機関]情報通信技術振興センター(韓国)
[研究事業名]SWコンピューティング産業源泉技術開発事業
[研究課題名]大規模なトランザクション処理とリアルタイム複合分析を統合した一体型データエンジニアリング技術開発
[主管機関]韓国電子通信研究院
[研究期間]2015.10.1.〜2019.9.30.
[National R & D project supporting this invention]
[Assignment Number] 2015-0-00765 (R0113-16-0005)
[Department name] Ministry of Science and Technology Information and Communication (Korea)
[Research Management Institution] Information and Communication Technology Promotion Center (Korea)
[Research Project] SW Computing Industry Source Technology Development Project [Research Project Name] Integrated Data Engineering Technology Development Integrating Large-Scale Transaction Processing and Real-Time Complex Analysis .10.1. ~ 2019.9.30.

10 開発者端末
20 クライアント
30 Webデザインサーバ
31 画面編集部
32 データ接続部
33 動作設定部
34 文書生成部
40 データベース
50 ユーザ端末
60 Webレポーティングサーバ
80 ネットワーク
DESCRIPTION OF SYMBOLS 10 Developer terminal 20 Client 30 Web design server 31 Screen editing part 32 Data connection part 33 Operation setting part 34 Document generation part 40 Database 50 User terminal 60 Web reporting server 80 Network

Claims (6)

グラフィックインタフェース基盤のWebレポーティングデザインシステムにおいて、
多数のコントロールオブジェクトを配置し、配置されたコントロールオブジェクトの属性を設定してWebレポーティングページの画面を編集する画面編集部と;
前記Webレポーティングページ内のコントロールオブジェクトにデータセットを接続するデータ接続部と;
前記Webレポーティングページ内のコントロールオブジェクトにイベント動作を設定する動作設定部と;
前記Webレポーティングページの編集結果を反映して、編集結果をWebレポーティング文書として作成して生成する文書生成部と;を含むことを特徴とするグラフィックインタフェース基盤のWebレポーティングデザインシステム。
In Web interface design system based on graphic interface,
A screen editing unit for arranging a number of control objects, setting attributes of the arranged control objects, and editing a screen of a Web reporting page;
A data connection unit for connecting a data set to a control object in the web reporting page;
An operation setting unit for setting an event operation for a control object in the Web reporting page;
A document generation unit that creates and generates an editing result as a Web reporting document by reflecting the editing result of the Web reporting page.
前記動作設定部は、前記コントロールオブジェクトのイベントを選択し、選択された当該イベントに対するイベント動作を設定するが、前記イベント動作は、多数の単位動作の上下順序によって配置して作成され、単位動作が条件文である場合、各条件に応じた下位動作を下位階層として構成して作成されることを特徴とする請求項1に記載のグラフィックインタフェース基盤のWebレポーティングデザインシステム。   The operation setting unit selects an event of the control object, and sets an event operation for the selected event. The event operation is created by arranging a plurality of unit operations in a vertical order. The graphic reporting platform based web reporting system according to claim 1, wherein when the statement is a conditional statement, a lower operation corresponding to each condition is constructed as a lower layer. 前記動作設定部では、前記下位動作は、上下順序によって配置される多数の単位動作で構成でき、前記下位動作は、条件文の単位動作を含み得、前記下位動作の条件文の単位動作は、各条件に応じた動作が下位階層として作成されることを特徴とする請求項2に記載のグラフィックインタフェース基盤のWebレポーティングデザインシステム。   In the operation setting unit, the lower-order operation can be configured by a number of unit operations arranged in an upper-lower order, the lower-order operation may include a unit operation of a conditional statement, and the unit operation of the conditional statement of the lower-order operation is: The system according to claim 2, wherein an operation corresponding to each condition is created as a lower layer. 前記動作設定部は、上下順序を有する配置及び階層構造のグラフィックにより、階層構造のイベント動作をウィジウィグ(WYSIWYG)方式及びドラッグアンドドロップ(Drag&Drop)方式で処理できるようにすることを特徴とする請求項2に記載のグラフィックインタフェース基盤のWebレポーティングデザインシステム。   The operation setting unit may process an event operation having a hierarchical structure by a WYSIWYG method and a drag and drop method by using an arrangement having a vertical order and a graphic having a hierarchical structure. 3. The web reporting design system based on the graphic interface according to 2. 前記動作設定部は、1つの単位動作には1つの実行関数を選択するようにし、選択された実行関数に対するオプションを設定するようにしたグラフィックインタフェースを提供することを特徴とする請求項2に記載のグラフィックインタフェース基盤のWebレポーティングデザインシステム。   The method according to claim 2, wherein the operation setting unit selects one execution function for one unit operation and provides a graphic interface for setting an option for the selected execution function. Web Reporting Design System based on Graphic Interface. 前記動作設定部は、コントロールオブジェクトの種類またはイベントの種類に応じた適用可能実行関数のリストを保有し、実行関数をリストで表示し、リストの中から選択するようにして実行関数を決定することを特徴とする請求項5に記載のグラフィックインタフェース基盤のWebレポーティングデザインシステム。   The operation setting unit has a list of applicable execution functions according to the type of the control object or the type of the event, displays the execution functions in a list, and determines an execution function by selecting from the list. The graphic reporting based web reporting design system according to claim 5, characterized in that:
JP2019133530A 2018-07-26 2019-07-19 WEB reporting design system for programming event behavior based on graphic interface Active JP6813634B2 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2018-0087308 2018-07-26
KR1020180087308A KR101951719B1 (en) 2018-07-26 2018-07-26 A web reporting design system with programming event handling by using graphic interface

Publications (2)

Publication Number Publication Date
JP2020017277A true JP2020017277A (en) 2020-01-30
JP6813634B2 JP6813634B2 (en) 2021-01-13

Family

ID=65584997

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019133530A Active JP6813634B2 (en) 2018-07-26 2019-07-19 WEB reporting design system for programming event behavior based on graphic interface

Country Status (2)

Country Link
JP (1) JP6813634B2 (en)
KR (1) KR101951719B1 (en)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102252206B1 (en) * 2019-12-30 2021-05-17 (주)비아이매트릭스 A task automation system using object action on the Exel sheet
KR102230729B1 (en) 2020-08-31 2021-03-23 (주)비아이매트릭스 An online task system for an Excel file based on templates
KR102490941B1 (en) 2020-12-11 2023-01-26 (주)비아이매트릭스 An online report creation system using Excel tool
KR102499832B1 (en) 2020-12-18 2023-02-15 (주)비아이매트릭스 An online report creation system with query binding function
KR102322885B1 (en) * 2021-05-31 2021-11-05 시와소프트 주식회사 Robotic process automation system for recommending improvement process of automated work flow
KR102499049B1 (en) * 2022-10-06 2023-02-13 팜피 주식회사 Method and apparatus for a visual coding

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH08249170A (en) * 1995-03-14 1996-09-27 Mitsubishi Electric Corp Graphical user interface design/manufacture support device
JPH11237978A (en) * 1998-02-20 1999-08-31 Sharp Corp Device and method for producing graphical user interface and medium storing control program
KR20030055905A (en) * 2001-12-27 2003-07-04 삼성에스디에스 주식회사 Reporting system linked with web environment
US20080109785A1 (en) * 2004-01-16 2008-05-08 Bailey Bendrix L Graphical Program Having Graphical and/or Textual Specification of Event Handler Procedures for Program Objects
JP2012083865A (en) * 2010-10-07 2012-04-26 Fujitsu Ltd Operation screen design support program, operation screen design support device and operation screen design support method
KR20120042291A (en) * 2010-10-25 2012-05-03 주식회사 엠오투커뮤니케이션 Cross platform solution and system for genterating cross platform mobile source for developing efficiently mobile web page
JP2013507712A (en) * 2009-10-30 2013-03-04 ビーアイ マトリックス カンパニー リミテッド Excel-based analysis report creation system and method
US20130318495A1 (en) * 2012-05-24 2013-11-28 Kaseya International Limited Automated software script creator and editor
JP2016110206A (en) * 2014-12-02 2016-06-20 株式会社野村総合研究所 Web screen development support system

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100697155B1 (en) 2004-12-03 2007-03-21 (주)엠투소프트 System and method for forming report using web service
KR20130126012A (en) 2012-05-10 2013-11-20 (주)네오위즈게임즈 Method and apparatusfor providing report of business intelligence
KR102232085B1 (en) * 2014-10-10 2021-03-25 주식회사 케이티 Method, web server and computing device for providing dynamic web page
KR101900811B1 (en) * 2016-07-05 2018-09-20 한다시스템 주식회사 Method and computer program for designing a query

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH08249170A (en) * 1995-03-14 1996-09-27 Mitsubishi Electric Corp Graphical user interface design/manufacture support device
JPH11237978A (en) * 1998-02-20 1999-08-31 Sharp Corp Device and method for producing graphical user interface and medium storing control program
KR20030055905A (en) * 2001-12-27 2003-07-04 삼성에스디에스 주식회사 Reporting system linked with web environment
KR100497811B1 (en) * 2001-12-27 2005-07-01 삼성에스디에스 주식회사 Reporting system linked with web environment
US20080109785A1 (en) * 2004-01-16 2008-05-08 Bailey Bendrix L Graphical Program Having Graphical and/or Textual Specification of Event Handler Procedures for Program Objects
JP2013507712A (en) * 2009-10-30 2013-03-04 ビーアイ マトリックス カンパニー リミテッド Excel-based analysis report creation system and method
JP2012083865A (en) * 2010-10-07 2012-04-26 Fujitsu Ltd Operation screen design support program, operation screen design support device and operation screen design support method
KR20120042291A (en) * 2010-10-25 2012-05-03 주식회사 엠오투커뮤니케이션 Cross platform solution and system for genterating cross platform mobile source for developing efficiently mobile web page
US20130318495A1 (en) * 2012-05-24 2013-11-28 Kaseya International Limited Automated software script creator and editor
JP2016110206A (en) * 2014-12-02 2016-06-20 株式会社野村総合研究所 Web screen development support system

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
西谷 亮: "キャッチアップ ASP.NET 第2回 はじめてのWebアプリケーション開発 ASP.NETを添えて", VISUAL BASIC MAGAZINE, vol. 第8巻 第13号, JPN6020031674, 1 July 2002 (2002-07-01), JP, pages 277 - 285, ISSN: 0004334791 *

Also Published As

Publication number Publication date
KR101951719B1 (en) 2019-02-25
JP6813634B2 (en) 2021-01-13

Similar Documents

Publication Publication Date Title
EP3451154B1 (en) Embedded analytics for applications and interfaces across multiple platforms
JP7093387B2 (en) Spreadsheet-based software application development
US10346184B2 (en) Open data protocol services in applications and interfaces across multiple platforms
JP6813634B2 (en) WEB reporting design system for programming event behavior based on graphic interface
US11163542B2 (en) Dynamically generating and rendering user interfaces based on data models
EP3718000B1 (en) Spreadsheet-based software application development
RU2390834C2 (en) Method and device for browsing and interacting with electronic worksheet from web-browser
US8875032B2 (en) System and method for dynamic configuration of components of web interfaces
CN103218225A (en) Unified measurement and development control software development system
CN111625226B (en) Prototype-based man-machine interaction design implementation method and system
CN104823158A (en) Method and system for simplified knowledge engineering
US11556702B2 (en) Orchestration of crud operations for a hierarchical web service data model in a spreadsheet
CN104798067A (en) Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method
WO2006120926A1 (en) Input form design device and input form design method
CN103810292A (en) Method and device for configuring graphical interface
KR101730070B1 (en) Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same
Duruisseau et al. VisUML: a live UML visualization to help developers in their programming task
Li et al. A Web application framework for end-user-initiative development with a visual tool
Zepeda et al. Generic software architecture for semantic and visual queries
Chang A Spreadsheet Model for Using Web Services and Creating Data-Driven Applications.
Tidu Countries data visualization system: Exploring country data through interactive visualizations
US20240037325A1 (en) Ability to add non-direct ancestor columns in child spreadsheets
Nowowiejski et al. Generic Reporting Tool using Modern User Interface Design Technologies
Jakupov Development of a web-based application for automated energy management system
Gao Design and Implementation of End-User Programming Tools for Web Mashups

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20190719

RD01 Notification of change of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7426

Effective date: 20191108

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A821

Effective date: 20191108

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20200811

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20200901

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20201119

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20201217

R150 Certificate of patent or registration of utility model

Ref document number: 6813634

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250