Chapter 04

画面の構成

twsnmp
twsnmp
2022.07.05に更新

画面について

オリジナルや復刻版のTWSNMPはデスクトップアプリに適した画面構成でした。TWSNMP FCはWebブラウザーで操作するのに適した画面構成になっています。2021年時点でモダンなnuxt.js+vuetifyという仕組みで作っています。

ログイン前の画面

ログインしていない状態でTWSNMP FCに接続すると

のような画面が表示されます。右上のアイコンか<ログイン>ボタンをクリックすれば、ログイン画面

が表示されます。ユーザーIDとパスワードを入力して<ログイン>ボタンをクリクしてください。
(初期状態のユーザーIDとパスワードはtwsnmp:twsnmpです。)
ユーザーIDやパスワードを間違えてログイン失敗した時は、

のようなエラーメッセージが表示されます。

ログイン後の画面

正常にログインできるとマップ画面を表示します。はじめて起動した時には、マップに何も登録されていないので、

のような画面になります。

画面の構成

マップを編集した状態だと

のような画面を表示します。
番号を付けた項目について説明します。

①メニューボタンをクリックすると②メニューエリアを表示を切り替えます。③マップエリアにネットワークの構成を示すマップを作成することができます。④イベントログエリアは直近のイベントログを表示します。検索のところに文字を入力するとイベントログをフィルタ表示することができます。
⑤ノードでノード名からノードを検索できます。⑥ツールバーには画面を更新する<更新>ボタン、ログアウトするボタンと新規のイベントログの発生を知らせるベルアイコンがあります。