トップバーとクイックアクション
ゲートウェイ Web UI は、どの画面にいても上部トップバーと本文最下部のクイックアクション行が追従します。ここでは「各アイコンがどこへ遷移するか」を一目で確認できる索引として説明します。
トップバー — 左はホーム、右は移動
| 番号 | アイコン | 名前 (マウスホバー時に表示) | 機能説明 | 詳細 |
|---|---|---|---|---|
| ① | ロゴ | — | クリックするとホーム(/ui/main)へ。隣の文字はこのゲートウェイの名前であり、ボックスを識別するための表示です | ホーム画面 |
| ② | fa-plug | プロトコル接続 | 新しい PLC・OPC-UA・MQTT を登録します。プロトコルカードから選択して開始します | プロトコル選択 · 新規PLC接続追加 |
| ③ | fa-list | 接続済みリスト | 登録された接続とそのタグを一つの画面で開始・停止・編集します | 接続リストとタグリスト |
| ④ | fa-cubes | アプリケーション | ゲートウェイに搭載した Docker アプリの起動・停止およびログ確認を行います | アプリケーション管理 |
| ⑤ | fa-sitemap | OPC UA サーバー | ゲートウェイが提供する OPC-UA ツリーであり、外部 SCADA から見える内容と同じです | OPC UA サーバー |
| ⑥ | fa-database | ポイント検索 | 蓄積された時系列データを期間・接続・タグで検索し、CSV として書き出します | ポイント検索 |
| ⑦ | fa-exclamation-triangle | ログ | システムログ。アイコン上の赤い数字は本日のエラー件数です | システムログ |
| ⑧ | fa-project-diagram | ノーコードフロー | Node-RED — タグを読み取って加工し、外部へ送信します | フロー |
| ⑨ | fa-tachometer-alt | 高度なダッシュボード | 別ウィンドウでゲートウェイの :3000(Grafana) を開きます | — |
| ⑩ | fa-cog | 設定 | app.properties をブラウザから変更します | Web UI 環境設定 |
| ⑪ | fa-book-open | マニュアル | 別ウィンドウでこのドキュメントサイト(docs.kopens.io)を開きます | — |
| ⑫ | fa-sign-out-alt | ログアウト | セッションを切断します | ログイン |
⑨ と ⑪ は別ウィンドウで開きます
それ以外は同一ウィンドウ内で遷移します。⑨ はゲートウェイ外部のツール(デフォルトは Grafana)であるため、サイトによって異なる場合があり、ファイアウォールで 3000 が遮断されている場合は開けません → ファイアウォール — 露出ポート
初めての方はこの順序で
- ② プロトコル接続 — 使用する PLC の種類を選択して登録します
- ③ 接続済みリスト — 収集を開始し、値が正しく受信されるか確認します
- ⑤ OPC UA サーバー — 外部 SCADA からどのように見えるか確認します
- ⑧ ノーコードフロー — 受信した値を加工したり、外部へ送信したりします
- ⑩ 設定 — MQTT・Sparkplug・保存期間などのポリシーを調整します
クイックアクション — 本文最下部
トップバーではなく本文の最下部にあります。画面を最後までスクロールすると左下に固定されており、右端には現在の S/W バージョンと「アップグレード可能」バッジが表示されます。
| 番号 | アイコン | 実行内容 | 影響度 |
|---|---|---|---|
| ① | fa-projector | システムリブート | 🔴 OS を再起動します — 停止期間中は収集が中断されます |
| ② | fa-repeat-1-alt | アプリケーション再起動 | ゲートウェイアプリのみを再起動します |
| ③ | fa-trash | 一時ファイル削除 | ディスク容量が不足している場合に使用します |
| ④ | fa-stopwatch | バックアップ | 設定とデータをアーカイブします |
| ⑤ | fa-file-alt | ログダウンロード | 問い合わせ時に添付するログパッケージを作成します |
| ⑥ | fa-microchip | O/S およびファームウェアアップグレード | 🔴 最もリスクの高い操作です |
| ⑦ | fa-cloud-download | S/W アップグレード | ダウンロードサーバーから新しいビルドを取得します |
① と ⑥ は現場に影響を与えます
リブートおよびファームウェアアップグレードは、収集が停止する時間が発生します。実行前に、どのタイミングで停止させても問題ないかを確認してください。各アクションの所要時間と注意点は 状態バー クイックアクション に記載されています。
画面別の追加遷移パス
| 画面 | その画面で可能な操作 |
|---|---|
ホーム (/ui/main) | カードをクリックすると該当画面へ。「システムエラー」の赤い数字をクリックするとログへ遷移します |
| 接続リスト | カードの ▶ ◼ で収集を ON/OFF します。タグ行から値を直接入力できます |
| OPC UA サーバー | ツリーからノードを選択すると、右側に詳細とチャートが表示されます。NodeId をコピー可能です |
| アプリケーション | カードのポート番号をクリックすると、そのアプリが別ウィンドウで開きます |
| システムログ | 左側の検索条件で絞り込みを行い、右上のボタンですべて削除します |
| 設定 | 変更を保存すると、再起動案内のメッセージが表示されます |
目的別ショートカット
| 目的 | 最短ルート |
|---|---|
| 本日のエラーのみを確認したい | トップバー ⑦ の赤い数字 または ホームの「システムエラー」 |
| PLC が現在接続されているか確認したい | トップバー ③ → カードの接続アイコン (緑 = 接続済み) |
| 過去の特定時刻の値を確認したい | トップバー ⑥ → 期間・接続・タグで検索し CSV 出力 |
| 外部 SCADA からどう見えているか確認したい | トップバー ⑤ |
| 現在稼働中のコンテナを確認したい | トップバー ④ |
| 設定を一部だけ変更したい | トップバー ⑩ → 変更して保存 → クイックアクション ② で再起動 |
| 新しいビルドを適用したい | クイックアクション ⑦ (バッジが赤色の時のみ) |
詳細情報
- ホーム画面 — 各カードの表示内容について
- 状態バー クイックアクション — 7つのアクションの所要時間と注意点
- エッジマニュアル ホーム