Programming_netvisualizer

ネットワーク（ログ）ヴィジュアライザーのページ

概要

主にp2p向けの汎用ネットワークシミュレータorビジュアライザになる予定のもの。

仕様

構成

[root]
┗┳MainForm.cs
  ┃┗メインフォーム
　┣NodeForm.cs
  ┃┗ノード操作用フォーム
　┣Lib
  ┃┗専用ライブラリ／使う場合はNetVisParamから各パラメータやマネージャを呼び出していく。
　┃  ┣NetVisAnimation.cs
  ┃  ┃ ┗アニメーション
　┃  ┣NetVisDraw.cs
　┃  ┃ ┗描画（ノード、親子リンク、番号）
  ┃  ┣NetVisFiles.cs
　┃  ┃ ┗ファイル操作
  ┃  ┣NetVisNode.cs
　┃  ┃ ┗ノード
  ┃  ┣NetVisNodeAction.cs
　┃  ┃ ┗ノードのGUI上の操作
  ┃  ┗NetVisParam.cs
　┃   ┗パラメータ全般
  ┣Data
  ┃┗動的に読み込むデータ
  ┃  ┣Animation
　┃  ┃ ┗アニメーション用の画像ファイル
　┃  ┣Background
　┃  ┃ ┗背景画像
　┃  ┣Icon
　┃  ┃ ┗ノード用のアイコン画像
　┃  ┣Node
　┃  ┃ ┗ノードの定義ファイル
　┃  ┣ScreenShot
　┃  ┃ ┗保存したスクリーンショット
　┃  ┣TimeLine
　┃  ┃ ┗タイムラインの定義ファイル
　┃  ┗Scenario.xml
　┃   ┗ノード・画像・タイムラインを参照した定義ファイル。アプリからはこれを読み込む。
　┗Config
　　┗conf.xml
　     ┗描画など、GUI側の設定ファイル。

利用方法

描画

描画はStartボタンを押している間のみ行われる。

定義ファイル

ノードやタイムラインをまとめたシナリオファイルを作成・運用していく。シナリオはノードの配置・アニメーション・タイムライン・使う画像などの情報を持つ。

読み込みと書き込み

シナリオの読み込み、書き込みはメニューのFile>Load(Save)か、スクリーンを右クリック>Load(Save)で行う。

ノードの操作

追加

スクリーンを右クリック>Add Node で行う。

移動

ドラッグで行う。

操作メニュー

ノードをダブルクリックするとノード操作用のメニューが開く。

削除

操作メニュー上でRemoveボタンを押す。

画像の変更

Drawタブ内のBackgroundから背景,Iconからノード用画像をセットする。ノード用の画像はサーバー・クライアント・その他の三種類の属性に対して個別に設定する。

アニメーション

パケットの流れのアニメーションはAnimation内の画像をフレーム毎に差し替えている。中の画像を差し替えれば動きも変わる。ただし、背景の透過は描画時に行っているため、背景色は元の画像を合わせておく。

TODO

• ファイル保存時の整合性の確保
• ノードを削除した際のインデックス番号の整合性の確保
• タイムラインの実装（定義ファイルは恐らくノードのファイルに統合する）
• アニメーションのxml定義
• 階層関係の整理（シナリオのフォルダ化／画像の階層化など）