Oracle PGX用のグラフ可視化ツール

1. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
グラフをインタラクティブに可視化する
アプリを作ってみた
Confidential – Oracle Internal/Restricted/Highly Restricted

2. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
Safe Harbor Statement
The following is intended to outline our general product direction. It is intended for
information purposes only, and may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or functionality, and should not be relied upon
in making purchasing decisions. The development, release, and timing of any features or
functionality described for Oracle’s products remains at the sole discretion of Oracle.
Confidential – Oracle Internal/Restricted/Highly Restricted

3. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
開発目標
Confidential – Oracle Internal/Restricted/Highly Restricted 3
グラフっぽい画面を
Webアプリケーションっ
ぽい感じで見せる。

4. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
開発目標（Sub）
•せっかく作るのなら、なるべく
汎用的に使えるようにする。
•グラフの操作を考えると、
Single Page Applicationっぽい
感じがいい。
Confidential – Oracle Internal/Restricted/Highly Restricted 4

5. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
Logical Architecture
Confidential – Oracle Internal/Restricted/Highly Restricted 5
JavaScript
- JQuery
- Sigma.js
HTML/CSS
Client / Browser Web Server PGX Server DB Server
REST/Ajax HTTP
(PGQL)
JDBC
RESTful Service
(Glassfish)
PGX Java Library
JSONIC
PGX
(Server Mode)
Oracle Database
12.2

6. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Confidential – Oracle Internal/Restricted/Highly Restricted 6
DEMO

7. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
デモ環境セットアップ方法
Confidential – Oracle Internal/Restricted/Highly Restricted 7

8. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
Current Physical Architecture
Confidential – Oracle Internal/Restricted/Highly Restricted 8
JavaScript
- JQuery
- Sigma.js
HTML/CSS
Client / Browser Web Server PGX Server DB Server
REST/Ajax JDBC
RESTful Service
(Glassfish)
PGX Java Library
JSONIC
PGX
(Server Mode)
Oracle Database
12.2
この範囲で1つの仮想マシン上で動作
Oracle Linux + Oracle DB 12.2
今のところ、すべてクライアントPC上で動作
PC上にGlassfish
（もしくはNetbeans）を
直インストール
Chromeで動作
HTTP
(PGQL)

9. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
１．DBサーバ + PGXサーバ
• Virtual Boxでセットアップ
– セットアップ方法は以下をご参照
• https://github.com/oracle4engineer/graph-analytics
– もちろんVirtualBoxを使わずにセットアップしていただいても結構です。
Confidential – Oracle Internal/Restricted/Highly Restricted 9

10. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
２．Webサーバのセットアップ
• Glassfishサーバ（4.x）をダウンロード
– zipを展開すればインストール完了
• Binフォルダから「asadmin start-domain」で起動
– Domain1というドメインが勝手に作られます。
• 管理ツール「Glassfish console」からwarファイルをデプロイ
– 後述
Confidential – Oracle Internal/Restricted/Highly Restricted 10

11. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
デプロイ方法
Confidential – Oracle Internal/Restricted/Highly Restricted 11
メニューから「Application」
をクリック

12. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
デプロイ方法
Confidential – Oracle Internal/Restricted/Highly Restricted 12
デプロイボタンをクリック

13. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
デプロイ方法
Confidential – Oracle Internal/Restricted/Highly Restricted 13
「ファイルを選択」をクリッ
クし、PgxRest.warファイル
を選択
「Implicit CDI」のチェック
ボックスを外す
あとは手なりでOK

14. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
設定ファイル
Confidential – Oracle Internal/Restricted/Highly Restricted 14
JavaScript
- JQuery
- Sigma.js
HTML/CSS
Client / Browser Web Server PGX Server DB Server
REST/Ajax HTTP JDBC
RESTful Service
(Glassfish)
PGX Java Library
JSONIC
PGX
(Server Mode)
Oracle Database
12.2
PGX接続用JSONpgxrest.properties

15. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Confidential – Oracle Internal/Restricted/Highly Restricted 15
pgxrest.properties
Content
pgxurl=<PGXサーバのURL>:<PGXサーバのポート>
pgxjson=<PGXサーバ接続用JSONのファイル名(path名)>
Webサーバ上のコンテナ起動ディレクトリの下に配置
・Glassfishの場合は<ドメインルート>/config

16. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
Pgx接続用JSONファイル
• このファイルをWebサーバ上のどこかに適当に置いておき、その場所を先
の「Pgxrest.properties」ファイルに記載しておく
– 相対パスで記載する場合のカレントディレクトリは、 <ドメインルート>/config
– Pgxrest.propertiesファイルと同じ場所でも全然問題なし
Confidential – Oracle Internal/Restricted/Highly Restricted 16

17. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
グラフ用データ
• 適当に用意してください
• ただし、本ツールには以下の制約があります。
– 基本的にすべてのノードは「name」プロパティと「type」プロパティを持つ必要がある
• Nameプロパティがなくても動くっちゃ動きますが、ノードの名前が見えません。
• Typeプロパティがなくても動きますが、ノードの色分けはされません。
– 最初にアクセスするノード（＝ルートノード）は「isroot」プロパティを持つ必要があり、
そこに「1（整数型）」をセットする必要がある。
• ルートノードは最大6個まで指定可能
• ルートノードの種類＝typeの種類になり、typeプロパティの値を元に、色分けされます。
• 6個以上のルートノード、typeの種類があっても、動くっちゃ動きますが、見た目崩れます。
• isrootプロパティがセットされていないと、データを取りに行けないので動きません。
Confidential – Oracle Internal/Restricted/Highly Restricted 17

18. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
ソースコード他
• Githubにて公開しています。
– https://github.com/no-zone6/pgxvis
• WARファイルもその中にありますので、ご活用ください。
Confidential – Oracle Internal/Restricted/Highly Restricted 18

19. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. |
今後の開発目標（暇があったら）
• グラフデータの絞り込み検索
• グラフデータの登録・更新機能
• グラフ分析機能の活用
Confidential – Oracle Internal/Restricted/Highly Restricted 19

20. Copyright © 2017, Oracle and/or its affiliates. All rights reserved. | Confidential – Oracle Internal/Restricted/Highly Restricted 20