1. ワークフロー編集画面(グラフビュー)の機能説明 #

本章では、WHEELのメイン画面であるワークフロー編集画面(グラフビュー)の機能について説明します。
ワークフローの作成・実行等の例題については、後述の「ワークフローの作成」において説明します。

1. 画面仕様説明 #

ワークフロー編集画面(グラフビュー)は以下のように構成されています。

img

  1. タイトル             :ホーム画面遷移ボタン
  2. ユーザー名            :ログインユーザ名
  3. 画面遷移ドロワー         :ホスト登録画面、ログアウト用
  4. プロジェクト名          :ワークフロー編集中のプロジェクト名
  5. プロジェクトの状態表示エリア   :プロジェクトのstate(実行状態)表示
  6. プロジェクトの操作ボタンエリア  :プロジェクトの実行、一時停止、停止、クリーンボタン
  7. プロジェクトの編集日時表示エリア :プロジェクトの作成、更新日時
  8. プロジェクトの保存ボタンエリア  :プロジェクトの保存、リバートボタン
  9. ワークフロー画面切替ボタン    :グラフビュー、リストビューの切替ボタン
  10. プロジェクトの階層表示・遷移ボタン:現在表示中のプロジェクトディレクトリの階層表示、また、階層間の遷移ボタン
  11. コンポーネントライブラリ表示ボタン:ワークフロー作成用のライブラリ表示用ボタン
  12. ワークフロー作成用エリア     :ワークフロー作成のためコンポーネント操作用エリア
  13. ログ表示ボタン          :ワークフローの作成、実行に関するログ表示用ボタン

次に各エリア、ボタンの詳細について説明します。

プロジェクトの状態表示エリア #

プロジェクトの状態表示エリアは、プロジェクト全体の進行状態によって以下の状態を示します。

  1. not-started:プロジェクト実行前

img

  1. running :プロジェクト実行中

img

  1. finished :プロジェクト実行終了

img

  1. failed :プロジェクトの失敗

img

  1. holding : 投入済ジョブ確認中

img

  1. unknonw : プロジェクトの状態不明

img

プロジェクトの操作ボタンエリア #

プロジェクト実行、停止などを操作するボタンとその詳細は以下です。

img

  1. run ボタン:プロジェクトの実行開始
  2. pause ボタン:プロジェクト実行の一時停止
  3. stop ボタン:プロジェクトの実行停止と実行前の状態に戻す
  4. clean:プロジェクトに追加されたファイルを削除し、プロジェクトを直前の保存状態に戻す

また、WHEELでは、gitを用いたファイル管理を行っております。
git操作の詳細については開発者向けドキュメント詳細設計書をご確認ください。

プロジェクトの保存ボタンエリア #

プロジェクトの保存、リバートを操作するボタンとその詳細は以下です。

img

  1. save ボタン:プロジェクトを保存する
  2. revert ボタン:プロジェクトを直前の保存状態に戻す

ワークフロー画面切替ボタン #

ワークフロー画面には、ワークフローの作成を行うグラフビュー画面とワークフローの進行状態を確認するリストビュー画面があります。
下記のボタンによって画面の切替を行います。

グラフビュー画面 #

img

リストビュー画面 #

img

プロジェクトの階層表示・遷移ボタン #


ワークフローの作成時には、コンポーネント内にコンポーネントを作成するケースがあります。 その場合の現在のコンポーネントディレクトリの階層、およびコンポーネント名の確認、および階層間の移動用として 本ボタンは利用します。

root階層の場合 #

img

子階層 (root階層の1階層下) の場合 #

img

作成したworkflowコンポーネント内へ遷移する(rootの子階層に相当)

img

コンポーネントライブラリ表示ボタン #

ワークフローの作成に用いるコンポーネントライブラリを表示します。
コンポーネントライブラリの詳細については次章にて説明します。

非表示/表示 #

img

ワークフロー作成用エリア #

ワークフローの作成用領域です。
ワークフローを作成する場合、この領域にコンポーネントをドラッグ&ドロップすることよって配置し、ワークフローを作成します。

ワークフロー作成用エリア #

img

ログ表示ボタン #

ワークフローの作成時や実行時等に出力されるログを表示します。

ログ非表示 #

img

ログ表示 #

img

ログ表示エリア内の各ボタンは以下のようになっております。
ログは、サーバサイドの処理中に発生した出力内容を分類し表示しています。

  1. Debug:デバッグメッセージ
  2. Info:メッセージ、ワーニングメッセージ、エラーメッセージ
  3. Stdout:ローカルホストで実行されたtaskの標準出力
  4. Stderr:ローカルホストで実行されたtaskの標準エラー出力
  5. Stdout(SSH):リモートホストで実行されたtaskの標準出力
  6. Stderr(SSH):リモートホストで実行されたtaskの標準エラー出力
  7. All log clear:ログを全て消去する