(57)【要約】  メタデータを利用したチャート変換システム及びその方法が開示される。チャート（ｃｈａｒｔ）変換システムは、チャートを表現するためのチャートコンポーネント（ｃｏｍｐｏｎｅｎｔ）を含むチャート規則、前記チャート規則を具現するチャートランタイム及びメタデータ形態で添付されたチャート類型情報を格納するメタデータ管理モジュール、前記メタデータ管理モジュールから前記チャート類型情報のメタデータを抽出する抽出モジュール、及び前記チャートコンポーネントそれぞれの変換量を演算して、前記演算された変換量と前記抽出モジュールから抽出されたチャート類型情報のメタデータを結合する制御モジュールを含む。【選択図】図１
2017501508.tif 000002
【特許請求の範囲】
【請求項１】
チャート（ｃｈａｒｔ）を表現するためのチャートコンポーネント（ｃｏｍｐｏｎｅｎｔ）を含むチャート規則、前記チャート規則を具現するチャートランタイム及びメタデータ形態で添付されたチャート類型情報を格納するメタデータ管理モジュールと、
前記メタデータ管理モジュールから前記チャート類型情報のメタデータを抽出する抽出モジュールと、
前記チャートコンポーネントそれぞれの変換量を演算して、前記演算された変換量と前記抽出モジュールで抽出されたチャート類型情報のメタデータを結合する制御モジュールと、を含んで前記チャートを視覚化するチャート変換システム。
【請求項２】
前記メタデータ管理モジュールは、
前記チャートコンポーネント（ｃｏｍｐｏｎｅｎｔ）を含むチャート規則、前記チャートランタイム及びメタデータ形態で添付されたチャート類型情報、前記チャートを含む文書オブジェクトモデルであるＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）及びＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）オブジェクトを格納するチャート格納部と、
デザインファイル生成者によってベクター形式のグラフィックファイルがアップロードされると、前記チャート格納部から前記アップロードされたグラフィックファイルに対応する少なくとも一つの前記ＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）オブジェクトを提供して、前記提供されたＤＯＭオブジェクトと前記グラフィックファイルをマッチングするマッチング部と、
前記マッチング結果に応じて、前記ＤＯＭオブジェクトにメタデータを添付する生成部と、を含むことを特徴とする請求項１に記載のチャート変換システム。
【請求項３】
前記チャート格納部は、前記メタデータが添付されたＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）オブジェクトを格納することを特徴とする請求項２に記載のチャート変換システム。
【請求項４】
チャート変換方法において、
デザインファイルがアップロードされると、前記アップロードされたデザインファイルに対するチャート選択画面をディスプレイするステップと、
チャート構成要素と前記デザインファイルに含まれたデザイン構成要素を連結するステップと、
前記デザイン構成要素に連結された前記チャート構成要素を前記デザインファイルにメタデータで格納するステップと、を含むことを特徴とするチャート変換方法。
【請求項５】
前記チャート構成要素のメタデータを抽出するステップと、
チャート類型に対するランタイムを選択するステップと、
前記選択されたランタイムを基盤に前記チャート構成要素を判別するステップと、
前記判別された前記チャート構成要素それぞれの変換量を演算するステップと、
前記演算されたチャート構成要素の変換量と前記抽出されたチャート構成要素のメタデータを結合するステップと、
前記結合されたチャートをディスプレイするステップと、を含むことを特徴とする請求項４に記載のチャート変換方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、チャート変換システム及びその方法に関し、具体的にはベクター形式で構成された任意の画像ファイルをチャート形態に変換するシステム及びその方法に関する。
【背景技術】
【０００２】
最近インターネット基盤技術の中心がサーバーからウェブブラウザに移るにつれキャンバスＡＰＩ（Ａｐｐｌｉｃａｔｉｏｎ  Ｐｒｏｇｒａｍｍｉｎｇ  Ｉｎｔｅｒｆａｃｅ）、ＳＶＧ（Ｓｃａｌａｂｌｅ  Ｖｅｃｔｏｒ  Ｇｒａｐｈｉｃｓ）等グラフィック関連技術標準を積極的に活用する傾向にある。グラフィック関連技術活用を介してより複雑な視覚的相互作用が強調されるウェブアプリケーションを構築する事例が急増している。
【０００３】
このような関連技術のうち特にＳＶＧは、グラフィックデザイナーが広く使用するオーサリングツールが支援されて、ウェブブラウザ中心開発の核心役割を果すジャバスクリプト（ｊａｖａｓｃｒｉｐｔ）言語で簡単に個別構成要素を動的に操作することができる特性がある。このため、ＳＶＧはダッシュボード（Ｄａｓｈｂｏａｒｄ）やチャート（Ｃｈａｒｔ）等ウェブ上でデータを視覚化する方法として好まれる傾向にある。
【０００４】
韓国公開特許第１０−２００７−７０１５３８４号公報等にはグラフィックユーザインタフェースに情報をディスプレイするための方法等が開示されているが、従来の技術ではデザイナーがオーサリングツールで製作したＳＶＧファイルをダッシュボードやチャート等ウェブの動的構成要素に変換するためには、ジャバスクリプト開発者の介入が避けられない。それと共に、デザインが複雑で目標とする視覚化の水準が高まるほどデザイナーと開発者との間のより緊密な協業が必要である。
【０００５】
しかし、このような協業のためには、デザイナーも開発者の要求事項を理解しなければならず、開発者もジャバスクリプトだけでなくＳＶＧ標準に対する相当な理解が必要である。
【０００６】
デザイナーが、オーサリングツールが生成したＳＶＧファイルの内容を直接扱ったり、開発者がデザイン作業に深く関与することは一般的な慣行ではない。このため、現状はウェブ基盤視覚化技術の急速な発展にもかかわらず、ダッシュボードやチャートに使われるデザインは単純で定形化された水準から大きく抜け出せずにいる実情である。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】韓国公開特許第１０−２００７−７０１５３８４号公報
【発明の概要】
【発明が解決しようとする課題】
【０００８】
従って、本発明は、ＳＶＧのようなベクター形式のグラフィックファイル類型にスクリプティング（ｓｃｒｉｐｔｉｎｇ）を結合してダッシュボードやチャート等データを視覚化するコンポーネントを製作するに当たって発生し得る前述した問題点を解決するために提案された。
【０００９】
本発明により、デザインされたファイルに予め定められた規則に従ってメタデータを添付して、デザイナーと開発者各々の役割を明確に分離することによって、デザイナーと開発者の両方の作業効率向上を図ることを目的とする。
【００１０】
また、本発明は、グラフィックデザイナーが作業物にメタデータを直接添付したり、別途のアプリケーションの助けを借りて作業物にメタデータを添付することができるようにして、開発者の助けがなくてもデータ視覚化機能を持つチャートやダッシュボードを完成することができるようにすることによって、速やかに良質のコンテンツを生産することができるようにすることに他の目的がある。
【００１１】
また、本発明は、開発者が個別デザインコンテンツの特殊性に束縛されずメタデータに対する一般化された規則を前提にデータ視覚化コンポーネントやプラットフォームを構築することができるようにすることによって同じコードを様々なデザインに適用してコード再活用性を高めて開発効率を最大化することにその目的を置く。
【００１２】
本発明の目的は、以上で言及した目的に制限されず、言及されなかった他の目的は、以下の記載から当業者に明確に理解されるはずである。
【課題を解決するための手段】
【００１３】
前述した課題を解決するための本発明の一面に係るチャート変換システムは、チャート（ｃｈａｒｔ）を表現するためのチャートコンポーネント（ｃｏｍｐｏｎｅｎｔ）を含むチャート規則、前記チャート規則を具現するチャートランタイム及びメタデータ形態で添付されたチャート類型情報を格納するメタデータ管理モジュールと、前記メタデータ管理モジュールから前記チャート類型情報のメタデータを抽出する抽出モジュールと、前記チャートコンポーネントそれぞれの変換量を演算して、前記演算された変換量と前記抽出モジュールで抽出されたチャート類型情報のメタデータを結合する制御モジュールと、を含む。
【００１４】
好ましい実施例において、前記メタデータ管理モジュールは、前記チャートコンポーネント（ｃｏｍｐｏｎｅｎｔ）を含むチャート規則、前記チャートランタイム及びメタデータ形態で添付されたチャート類型情報、前記チャートを含む文書オブジェクトモデルであるＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）及びＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）オブジェクトを格納するチャート格納部と、デザインファイル生成者によってベクター形式のグラフィックファイルがアップロードされると、前記チャート格納部から前記アップロードされたグラフィックファイルに対応する少なくとも一つの前記ＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）オブジェクトを提供して、前記提供されたＤＯＭオブジェクトと前記グラフィックファイルをマッチングするマッチング部と、前記マッチング結果に応じて、前記ＤＯＭオブジェクトにメタデータを添付する生成部と、を含む。
【００１５】
好ましい実施例において、前記チャート格納部は、前記メタデータが添付されたＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）オブジェクトを格納する。
【００１６】
本発明の他の一面に係るチャート変換方法は、デザインファイルがアップロードされると、前記アップロードされたデザインファイルに対するチャート選択画面をディスプレイするステップと、チャート構成要素と前記デザインファイルに含まれたデザイン構成要素を連結するステップと、前記デザイン構成要素に連結された前記チャート構成要素を前記デザインファイルにメタデータで格納するステップと、を含む。
【００１７】
チャート変換方法は、前記チャート構成要素のメタデータを抽出するステップと、チャート類型に対するランタイムを選択するステップと、前記選択されたランタイムを基盤に前記チャート構成要素を判別するステップと、前記判別された前記チャート構成要素それぞれの変換量を演算するステップと、前記演算されたチャート構成要素の変換量と前記抽出されたチャート構成要素のメタデータを結合するステップと、前記結合されたチャートをディスプレイするステップと、を含む。
【発明の効果】
【００１８】
以上で説明した通り、本発明によると、データ視覚化のための動的なコンポーネントを開発するに当たり、グラフィックデザイナーとスクリプト開発者との間の直接的な協業の必要性を最小化することによって、デザイナーと開発者との間の異なる経験と背景から発生し得るコミュニケーション過程の誤解や遅延要素を根本的に防止することができる。
【００１９】
また、本発明の前記特性を活用すると、不特定多数のデザイナーが予め具現されたランタイムサービスを利用して別途の開発過程なしに所望のチャートやダッシュボードを速やかに生産することができる。これにより、本発明を再活用可能なデータ視覚化コンポーネントに対するマーケットプレイス（ｍａｒｋｅｔｐｌａｃｅ）サービス等にも活用することができる。
【００２０】
本発明により、データ視覚化コンテンツを非常に速い速度で確保することができるので、データ視覚化コンテンツを基にインフォグラフィック（Ｉｎｆｏｇｒａｐｈｉｃ）製作サービスや様々なテーマとテンプレートを支援するダッシュボードサービス等を構築することができる。
【図面の簡単な説明】
【００２１】
【図１】本発明の実施例に係るデータ視覚化システムの構成を図示した図面である。
【図２】本発明の実施例に係るデータ視覚化装置構成を示したブロック図である。
【図３】本発明の実施例に係るデータ視覚化装置の構成をより詳細に示した図面である。
【図４Ａ】本発明の実施例に係るチャート変換方法の流れを示したフローチャートである。
【図４Ｂ】理解を助けるために、図４Ａの流れにより構築したチャート格納部２１０にデザイン原本をアップロードしてチャートコンポーネントに変換する過程を図示した図面である。
【図５Ａ】本発明の実施例により実現したチャートランタイムがチャートコンポーネントからメタデータを抽出してデータと結合して動的なチャートを表現する過程を図示したフローチャートである。
【図５Ｂ】図５Ａの流れを棒チャートに適用したことを示した図面である。
【図６】本発明の実施例に係るデータ視覚化方法が実行できるコンピュータ装置の一構成を図示した図面である。
【図７】本発明の実施例に係るダイヤルチャートを示した図面である。
【発明を実施するための形態】
【００２２】
本発明は、ベクター形式で構成された任意の画像ファイルにメタデータを添付してこれを動的な形態のチャートに自動変換するシステム及びその方法に関する。特に、本発明ではベクター形式のグラフィックファイル類型にスクリプティング（Ｓｃｒｉｐｔｉｎｇ）を結合してダッシュボードとチャート等のデータを視覚化するコンポーネントを生成するメタデータを利用したチャート変換システム及びその方法を提供する。
【００２３】
本発明は、任意のベクター形式のデザインファイルにメタデータを追加したり変更できるウェブアプリケーション形態、または、デザインオーサリングツールのプラグイン形態のモジュールを提供して、予め定義されたチャートの類型、あるいはダッシュボードの類型を支援するためのメタデータ作成のための直観的なユーザインタフェースを提供する。
【００２４】
一方、本発明は、一側面で前記メタデータが添付されたデザインファイルを指定されたチャートやダッシュボードの類型に対する規則に対する具現体と結合して設定されたデータの原本で照会したデータにより完成された形態のチャートまたはダッシュボードで動作することができるように支援するランタイム環境を提供する。
【００２５】
本発明の利点及び特徴、そしてそれらを達成する方法は、添付図面と共に詳細に後述されている実施例を参照すると明確になる。しかし、本発明は以下に開示される実施例に限定されるのではなく、互いに異なる様々な形態で具現されて、単に本実施例は本発明の開示が完全になるようにし、本発明が属する技術分野で通常の知識を有する者に発明の範疇を完全に知らせるために提供されるものであり、本発明は、請求項の範疇によって定義されるだけである。一方、本明細書で使われた用語は、実施例を説明するためのものであって、本発明を制限しようとするものではない。本明細書で、単数型は、文面で特に記載がない限り複数型も含む。
【００２６】
説明に先立ち本明細書で使う用語の意味を簡略に説明する。用語の説明は、本明細書の理解を助けるためのものであり、明示的に本発明を限定する事項と記載しない場合に本発明の技術的思想を限定する意味として使うのではないことに注意しなければならない。
【００２７】
−メタデータ（Ｍｅｔａｄａｔａ）
一般にメタデータとは、「データに関するデータ」と定義することができる。
すなわち、データに関する構造化されたデータであり、他のデータを説明する属性情報ともいう。メタデータは、大量の情報の中で探している情報を効率よく探し出して利用するために、一定の規則に従ってコンテンツに付与される。
【００２８】
本明細書全体にわたってメタデータは、ＳＶＧ（Ｓｃａｌａｂｌｅ  Ｖｅｃｔｏｒ  Ｇｒａｐｈｉｃｓ）文書での文脈でメタデータタグとクラス属性を包括するグラフィック構成要素や文書全体に対するレファレンス情報の意味と理解する。
【００２９】
−ベクター形式のグラフィック類型
ＳＶＧ（Ｓｃａｌａｂｌｅ  Ｖｅｃｔｏｒ  Ｇｒａｐｈｉｃｓ）、ＡＩ（Ａｄｏｂｅ  Ｉｌｌｕｓｔｒａｔｏｒ）またはＥＰＳ（Ｅｎｃａｐｓｕｌａｔｅｄ  ＰｏｓｔＳｃｒｉｐｔ）の例のように、画像の各ピクセル別色値でない図形の幾何学的構成情報及び属性を格納して任意の倍率に自由に拡大縮小が可能な画像データ格納形式を意味する。
【００３０】
−ＳＶＧ（Ｓｃａｌａｂｌｅ  Ｖｅｃｔｏｒ  Ｇｒａｐｈｉｃｓ）
ＳＶＧは、２次元ベクターグラフィックを表現するためのＸＭＬ（ｅＸｔｅｎｓｉｂｌｅ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）基盤のファイル形式で、ベクターグラフィックファイル形式である。ＳＶＧ形式のイメージとその作動は、ＸＭＬテキストファイルで定義されて検索化、目録化、スクリプト化が可能で、必要なら圧縮も可能である。ＳＶＧ形式は、ブラウザで広く支援される標準技術という理由からウェブ上で動的なデータ視覚化機能を実現するのによく使われる。
【００３１】
本明細書のすべての例示は、特に記載がない限りＳＶＧを基準とするものと見なす。但し、本発明の概念は、メタデータを添付することができ、プログラム的に構成要素を構造的に接近できるすべての類型のベクターグラフィックに適用できるので、本発明は必ずしもＳＶＧ形式にだけ適用されなければならないとは解釈せず、ＳＶＧを使った具現は本発明の一実施例と見なす。
【００３２】
一方、ＳＶＧ形式のグラフィックファイルは、ＸＭＬ形態で構成されてＤＯＭ  ＡＰＩを介して構造的な操作が容易で、ＳＶＧ文書内部には図形や色の定義等のようなデザイン要素以外にも製作者は著作権等を明示することができるように特殊なメタデータタグを含むことが一般的である。また、ＨＴＭＬと同様にＳＶＧ文書の多くの構成要素は、クラス属性を介して該当要素の意味を付与することができる。
【００３３】
−ＸＭＬ（ｅＸｔｅｎｓｉｂｌｅ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）
マークアップ言語（ｍａｒｋｕｐ  ｌａｎｇｕａｇｅ）は、タグ等を利用してデータの構造を明記する言語の一つであり、インターネットウェブページを作るＨＴＭＬ（ＨｙｐｅｒＴｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）を画期的に改善して作った言語である。ＸＭＬは、ＨＴＭＬに比べて、ホームページ構築機能、検索機能等が向上して、ウェブページの追加と作成が便利になった。
【００３４】
図１は、本発明の実施例に係るデータ視覚化システムの構成を図示した図面である。
図１を参照すると、チャート格納部２１０とチャートランタイムを備えたデータ視覚化システムを介して不特定多数のデザイナー（Ａ、Ｂ）と少数の開発者（Ｃ）が直接的な協業過程なしに各自デザイン及びシステム運営業務を担当する実施例が図示される。
【００３５】
実施例では、多数の再活用可能なチャートコンテンツがチャート格納部２１０に既格納されている。チャート使用者（Ｄ）は、チャート格納部２１０に既格納されたチャートコンテンツを利用してチャートデータを視覚化した報告書等を作成可能である。
【００３６】
この時、チャート格納部２１０に既格納されているチャートコンテンツにはチャート規則及びチャートランタイムが含まれる。ここで、チャート規則とは、棒、パイ等代表的なチャートの種類別に与えられたデータから該当チャートを表現するために抽象的に定義された一連の規則の集合である。
【００３７】
例えば、チャート規則には、チャートがダイヤルチャートである場合、ダイヤルチャートのデザイン構成要素等が含まれる。ここで、ダイヤルチャートは、図７に図示された通り、円形の目盛りに時計針状に一つ以上の値を表示するチャートである。
【００３８】
すなわち、種々のダイヤルチャートのデザインには、現在のデータ値を示すために必ず一つ以上の針（ｎ１）に該当する構成要素が含まれる。それと共に、ダイヤルチャートのデザインには前記針（ｎ１）はある特定地点１０を中心にデータの最大値に対する現在値の百分率に対応する角度範囲だけ時計回りに回転しなければならない等の内容を含む。
【００３９】
チャートランタイムは、チャート規則に対する実際の具現体として、ＤＯＭ  ＡＰＩ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ  Ａｐｐｌｉｃａｔｉｏｎ  Ｐｒｏｇｒａｍ  Ｉｎｔｅｒｆａｃｅ）を介して前述したダイヤルチャートの針等を含む構成要素のレファレンスを取得する。以後、チャートランタイムは連動するデータから構成要素の新しい位置や大きさを計算して、計算された値をチャートに適用する。実施例でＳＶＧの場合、該当作業はトランスフォーメーション（Ｔｒａｎｓｆｏｒｍａｔｉｏｎ）  ＡＰＩを介して実行可能である。
【００４０】
図２は、本発明の実施例に係るデータ視覚化装置構成を示したブロック図である。
図２を参照すると、ベクター形式で構成された任意の画像ファイルにメタデータを添付して、画像ファイルを動的な形態のチャートで自動変換するデータ視覚化装置は、ユーザインタフェースモジュール１００、メタデータ管理モジュール２００、メタデータ抽出モジュール３００及び制御モジュール４００を含む。
【００４１】
本明細書で使われる「モジュール」という用語は、用語が使われた文脈に従って、ソフトウェア、ハードウェアまたはその組合せを包含できるものと解釈されなければならない。例えば、ソフトウェアは、機械語、ファームウェア（ｆｉｒｍｗａｒｅ）、エンベデッドコード（ｅｍｂｅｄｄｅｄ  ｃｏｄｅ）、及びアプリケーションソフトウェアであり得る。また他の例として、ハードウェアは、回路、プロセッサ、コンピュータ、直接回路、直接回路コア、センサー、メムス（ＭＥＭＳ；Ｍｉｃｒｏ−Ｅｌｅｃｔｒｏ−Ｍｅｃｈａｎｉｃａｌ  Ｓｙｓｔｅｍ）、手動デバイス、または、その組み合わせであり得る。
【００４２】
ユーザインタフェースモジュール１００は、デザイナー、開発者及びチャート使用者を含む使用者に入出力インターフェースを提供する。例えば、ユーザインタフェースモジュール１００は、デザイナーにはグラフィックファイルアップロードのためのインターフェースとチャート構成要素とデザイングラフィックファイルを対応させるためのインターフェース等を提供する。また他の例として、ユーザインタフェースモジュール１００は、開発者にはデザイナーによってメタデータが添付されたグラフィックファイルからメタデータ抽出のためのインターフェース及びチャート変換後、前記変換されたチャートをディスプレイするインターフェース等を提供する。
【００４３】
メタデータ管理モジュールは、チャート（ｃｈａｒｔ）を表現するためのチャートコンポーネント（ｃｏｍｐｏｎｅｎｔ）を含むチャート規則及び前記チャート規則を具現するチャートランタイムを格納する。
【００４４】
メタデータ抽出モジュール３００は、メタデータ管理モジュール２００からユーザインタフェースモジュール１００に入力された画像ファイルデータ（ａ）に対応するチャートコンポーネントのメタデータ（ｂ）を抽出する。
【００４５】
制御モジュール４００は、チャートコンポーネントそれぞれの変換量を演算して、メタデータ抽出モジュール３００から抽出されたメタデータ（ｃ）の伝達を受ける。前記演算されたチャートコンポーネント変換量と抽出されたメタデータは、制御モジュール４００で結合される。以後、制御モジュール４００は、結合されたチャートコンポーネントデータ（ｅ）を使用者に出力するようにユーザインタフェースモジュール１００に伝達する。
【００４６】
図３は、本発明の実施例に係るデータ視覚化装置の構成をより詳細に示した図面である。
図３を参照すると、データ視覚化装置のユーザインタフェースモジュール１００は、入力部１１０及び出力部１３０を含み、メタデータ管理モジュール２００は、チャート格納部２１０、マッチング部２３０及び生成部２５０を含み、制御モジュール４００は、演算部４１０及び結合部４２０を含む。図３を説明するに当たり、重複する説明は省略する。
【００４７】
メタデータ管理モジュール２００のチャート格納部２１０は、チャートコンポーネント（ｃｏｍｐｏｎｅｎｔ）を含むチャート規則、チャートランタイム及びメタデータ形態で添付されたチャート類型情報等を格納する。
【００４８】
マッチング部２３０は、デザインファイル生成者によってベクター形式のグラフィックファイルがアップロードされると、チャート格納部２１０からアップロードされたグラフィックファイルに対応する少なくとも一つのＤＯＭ（Ｄｏｃｕｍｅｎｔ  Ｏｂｊｅｃｔ  Ｍｏｄｅｌ）オブジェクトを提供して、提供されたＤＯＭオブジェクトと前記グラフィックファイルをマッチングする。
【００４９】
生成部２５０は、前記マッチング結果に応じて、前記ＤＯＭオブジェクトにメタデータを添付して、メタデータが添付されたチャート類型情報を生成する。
【００５０】
生成部２５０で生成されたメタデータが添付されたチャート類型情報は、チャート格納部２１０に伝達されて格納可能である。
【００５１】
本発明の他の一面に係るチャート変換方法は、グラフィックファイル生成者及びデザイナーによってデザインファイルがアップロードされると、前記アップロードされたデザインファイルに対するチャート選択画面をディスプレイするステップと、チャート構成要素と前記デザインファイルに含まれたデザイン構成要素を連結するステップと、前記デザイン構成要素に連結された前記チャート構成要素情報を前記デザインファイルにメタデータで格納するステップと、を含む。
【００５２】
図４Ａは、本発明の実施例に係るチャート変換方法の流れを示したフローチャートである。特に、図４Ａはチャート格納部２１０にデザインの原本をアップロードして、チャートコンポーネントに変換する過程を示す。図４Ａにより、デザイナーが製作したグラフィックデザイン結果に本発明の実施例に係るチャート変換方法を介してグラフィックデザイン結果にメタデータを設定する過程を説明する。以下、メタデータを添付する過程は、デザインオーサリングツールのプラグイン形式でも具現でき、図４Ａで図示した過程は本発明の代表実施例と解釈しなければならない。
【００５３】
まず、Ｓ１０ステップでは、実施例により構成されたチャート格納部２１０にデザインの原本がアップロードされる過程が実行される。この時、デザイナーはオーサリングツールで製作したグラフィックデザインファイルをＳＶＧ形態で格納した後、データ視覚化装置に構成されたチャート格納部２１０にアップロードする。すると、Ｓ２０ステップでは、アップロードされたデザインの原本ファイルに視覚的に対応するチャート選択画面が表示される過程が実行される。この時、チャート格納部２１０は、システムが支援するチャートの種類を並べてデザイナーがアップロードしたデザインファイルを変換する対象を選択することができるようにする。
【００５４】
Ｓ３０ステップでは、チャート構成要素とデザイン構成要素が視覚的相互作用によって連結される過程が実行される。以後、Ｓ４０ステップでは、チャート構成要素情報をデザインファイルにメタデータで格納する過程が実行される。
【００５５】
例えば、デザイナーがＳ２０ステップでダイヤルチャートを選択したとすれば、チャート変換システムは、Ｓ２０ステップ以後のステップでアップロードされたデザインファイルを画面に表示した後、デザイナーにダイヤルチャートの必須構成要素である針と軸等に該当するＳＶＧのＤＯＭオブジェクトのレファレンスを持ってきて、ＤＯＭ  ＡＰＩを介して「class=‘indicator’」のようなクラス属性を追加する方式でランタイム時該当オブジェクトがダイヤルチャートの針として動作しなければならないことを記述することができる。
【００５６】
前記方式によってチャートの必須構成要素に対するメタデータの記述を終えた後、Ｓ５０ステップでデータ視覚化システムは、ＳＶＧの「metadata」タグの内部にＸＭＬのカスタムネームスペース（ｎａｍｅ  ｓｐａｃｅ）拡張を活用して予め定めた方式で「<chart:type>dial</chart:type>」のように選択したチャートの類型情報をメタデータでファイルに添付した後格納する。
【００５７】
図４Ｂは、理解を助けるために、図４Ａの流れによって構築したチャート格納部２１０にデザインの原本をアップロードして、チャートコンポーネントに変換する過程を図示した図面である。
【００５８】
図４Ｂに図示された棒チャートの場合、本発明の実施例では、チャート格納部２１０データと連動する対象になる棒構成要素（ｅ、ｆ、ｇ）以外に、チャートの最小値（ｍｉｎ）及び最大値（ｍａｘ）に対応する長さの棒構成要素を追加で指定する。該当構成要素は、前記方式と同様に該当ＳＶＧタグに「class=‘min’」、または「class=‘max’」のように「class」の属性を指定することで表現することができる。
【００５９】
図５Ａは、本発明の実施例により実現したチャートランタイムが、チャートコンポーネントからメタデータを抽出してデータと結合して動的なチャートを表現する過程を図示したフローチャートである。
【００６０】
添付された報告書に対するチャートコンポーネント要請が受信されると、Ｓ５１０ステップでは該当チャートコンポーネントに添付されたメタデータを抽出する過程が実行される。以後、Ｓ５２０ステップで抽出されたメタデータによりチャートの類型を確認して前記類型を支援するチャートランタイムを駆動する過程が実行される。
【００６１】
駆動以後、Ｓ５３０ステップでは該当チャート類型の必須構成要素を判別する過程が実行される。例えば、ダイヤルチャート類型の場合、チャートランタイムは該当チャートコンポーネントのＳＶＧファイルにはダイヤルの針に該当する構成要素を「indicator」との値を持つ「class」属性の存在有無で照会することができる。これは、ＤＯＭ  ＡＰＩやこれを基盤にしたジャバスクリプトライブラリー等を活用して行うことができる。
【００６２】
前記方式で針及び軸のＤＯＭオブジェクトに対するレファレンスを取得した後、Ｓ５４０ステップではチャートと連動されたデータから構成要素の変換量を計算してこれをチャートに適用する過程が実行される。例えば、チャート類型によりダイヤルチャートの場合、チャートの構成要素である針の回転角度を計算する過程が実行される。ダイヤルチャートの場合、最大値に対する百分率を示すことが一般的であるため、針の回転角度を全体回転可能範囲である３６０度に対する百分率適用値で示すことができる。
【００６３】
Ｓ５５０ステップでは、計算された角度をトランスフォーメーションＡＰＩを介してオブジェクトに適用させて変換量が適用されたチャートを表示する過程が実行される。前述した実施例でダイヤルチャートの針のオブジェクトに適用して前記軸のオブジェクトを基準に回転させると、データ値が適用された完成されたダイヤルチャートとして動作することになる。
【００６４】
一方、ダイヤルチャートのデザインにより針の回転範囲が３６０度でない特定範囲、例えば−１２０度から１２０度までに制限される場合を仮定することができる。この場合、該当制約範囲は前記と同様にＳＶＧ文書の「metadata」タグ等を活用して記述して、チャートランタイムから抽出して計算時に参照する方式で具現することができる。
【００６５】
本発明の実施例によりチャートコンポーネントは、必要に応じて最終使用者の報告書やダッシュボード等に添付してデータ視覚化に活用することができる。この時、チャート格納部２１０からメタデータを添付したチャートコンポーネントを呼び込んで最終使用者が指定したデータを結合して完成されたチャートを画面に表示するために「チャートランタイム」を構成することができる。
【００６６】
図５Ｂは、図５Ａの流れを棒チャートに適用したことを示した図面である。
図５Ｂに図示された通り、実施例ではチャート構成要素に対するメタデータを抽出して、前記最小及び最大値に該当する構成要素を照会した後、構成要素の画面の境界から棒が占められる領域の大きさを計算する。以後、データ構成要素をコピーして連動するデータのプロット(図５に図示された実施例の「A」、「B」、「C」、「D」) の数だけ複製した後、前記方式で計算した領域に対する各プロットデータの百分率により個別棒の長さを計算してトランスフォーメーションＡＰＩを介してオブジェクトに適用する。
【００６７】
図６は、 本発明の実施例に係るデータ視覚化方法が実行されることができるコンピュータ装置の一構成を図示した図面である。
【００６８】
本発明の実施例に係るチャート変換方法は、コンピュータシステムで具現されたり、または記録媒体に記録され得る。図６に図示された通り、コンピュータシステムは少なくとも一つ以上のプロセッサ１２１と、メモリー１２３と、使用者入力装置１２６と、データ通信バス１２６と、使用者出力装置１２７と、格納所１２８を含むことができる。前述したそれぞれの構成要素は、データ通信バス１２２を介してデータ通信を行う。
【００６９】
コンピュータシステムは、ネットワークにカップリングされたネットワークインターフェース１２９をさらに含んでもよい。前記プロセッサ１２１は、中央処理装置（Ｃｅｎｔｒａｌ  Ｐｒｏｃｅｓｓｉｎｇ  Ｕｎｉｔ（ＣＰＵ））や、あるいはメモリー１２３及び／または格納所１２８に格納された命令語を処理する半導体装置であってもよい。
【００７０】
メモリー１２３及び格納所１２８は、様々な形態の揮発性あるいは非揮発性格納媒体を含んでもよい。例えば、メモリー１２３は、ＲＯＭ１２４及びＲＡＭ１２５を含んでもよい。
【００７１】
従って、本発明の実施例に係るチャート変換方法は、コンピュータで実行可能な方法で具現されることができる。本発明の実施例に係るチャート変換方法が、コンピュータ装置で実行される時、コンピュータで読み取り可能な命令語が本発明に係るチャート変換方法を行うことができる。
【００７２】
一方、上述した本発明の実施例に係るチャート変換方法は、コンピュータで読み取り可能な記録媒体にコンピュータが読み取り可能なコードとして具現されることが可能である。コンピュータが読み取り可能な記録媒体としては、コンピュータシステムによって解読できるデータが格納されたいずれの種類の記録媒体を含む。例えば、ＲＯＭ（Ｒｅａｄ  Ｏｎｌｙ  Ｍｅｍｏｒｙ）、ＲＡＭ（Ｒａｎｄｏｍ  Ａｃｃｅｓｓ  Ｍｅｍｏｒｙ）、磁気テープ、磁気ディスクフラッシュメモリ、光データ格納装置等があり得る。また、コンピュータで読み取り可能な記録媒体は、コンピュータ通信網に連結されたコンピュータシステムに分散されて、分散方式で読み取り可能なコードとして格納されて実行されることができる。
【００７３】
以上、好ましい実施例と添付図面を参照して本発明の構成について具体的に説明したが、これは例示に過ぎず、本発明の技術的思想を逸脱しない範疇内で種々の変形が可能であることはいうまでもない。従って、本発明の範囲は説明された実施例に限定されて定まってはならず、後述する特許請求の範囲だけでなく、この特許請求の範囲と均等物等によって定まらなければならない。
【００７４】
本発明はグラフィックデザイン分野において適用可能である。
【図４Ａ】
2017501508.tif 000003
【図５Ａ】
2017501508.tif 000004
【図５Ｂ】
2017501508.tif 000005
【図６】
2017501508.tif 000006
【図７】
2017501508.tif 000007
【図１】
2017501508.tif 000008
【図２】
2017501508.tif 000009
【図３】
2017501508.tif 000010
【図４Ｂ】
2017501508.tif 000011
【国際調査報告】
2017501508.tif 000012
2017501508.tif 000013
2017501508.tif 000014
2017501508.tif 000015