メインコンテンツまでスキップ

左サイドバー / ステータスバー — ナビゲーションガイド

ゲートウェイ Web UI のすべてのページには、左サイドバー（縦のアイコンメニュー）+ 左下ステータスバー（横並びのクイックアクション）が常に表示されます。本書は どのアイコンがどこへつながるのか を一目で把握できるナビゲーションインデックスです。

1. 左サイドバー（縦） — 11 アイコン + ロゴ​

┌──────┐
│  🌱  │  PlantPulse 로고 → /ui/main (홈)
├──────┤
│  🔌  │  프로토콜 연결하기  → /ui/connect/connect
│  📋  │  연결된 목록        → /ui/connect/list
│  🧊  │  애플리케이션        → /ui/apps
│  🌿  │  OPC-UA 노드 뷰어   → /ui/opcua
│  🗄  │  포인트 검색 (NEW)  → /ui/point
│  📑  │  시스템 로그        → /system/log/list
│  🔀  │  노-코드 플로우     → /ui/flow
│  📊  │  고급 대시보드 ★    → http://게이트웨이:3000
│  ⚙   │  환경 설정          → /ui/system/config
│  📖  │  매뉴얼 ★ (이 문서) → /public/docs/index.html
│  ↻   │  페이지 새로고침    → window.location.reload()
│  🚪  │  로그아웃           → /login/logout
└──────┘

(★ 가 붙은 항목은 새 창으로 열립니다.)

1.1 各アイコンの用途と最初の操作​

#アイコン (fa)メニュー何をする場所か？詳細
1fa-plugプロトコル接続新しい PLC / OPC-UA / MQTT / シミュレータなどの 接続 を登録 — 44 種のプロトコルカードから選択プロトコル選択（44 カード） → 新規 PLC 接続の追加
2fa-list接続済み一覧登録済み OPC とその中のタグを 1 画面で開始／停止／編集／値書き込み接続一覧 / タグ一覧画面
3fa-cubesアプリケーションDocker ベースの付属アプリ（Grafana / Node-RED / HiveMQ / Cassandra …）の起動／停止／ログアプリケーション管理
4fa-sitemapOPC-UA ノードビューアゲートウェイ 内蔵 OPC-UA サーバのツリー — 外部 SCADA が見るのと同じ状態 + ライブチャートOPC-UA ノードビューア
5fa-databaseポイント検索 (NEW)時系列データ（tm_tag_point）の照会 — 期間 + OPC + タグフィルタ → 結果表 + CSV ダウンロードポイント検索
6(custom)システムログCassandra pe.app_system_log 検索 — 期間 + レベルフィルタ / 右上に unread バッジシステムログの表示
7fa-project-diagramノーコードフローNode-RED 埋め込み — タグ読み書きノードによる自動化 / 外部システム連携フローを始める
8fa-tachometer-alt高度なダッシュボード ★別ウィンドウで :3000 を開く（通常は Grafana）。サイトごとに異なる場合あり（外部ツール）
9fa-cog環境設定app.properties CodeMirror エディタ — すべての設定を一箇所で + システムタグインデックス 36 種環境設定
10fa-book-openマニュアル ★本ドキュメント（mkdocs）を別ウィンドウで—
11fa-retweetページの再読み込み強制 reload — ブラウザキャッシュを回避（window.location.reload(true)）—
12fa-sign-out-altログアウトセッション終了 → /login/form へ移動ログイン画面

1.2 初めて使うとき の推奨手順​

  1. プロトコル接続 (1) → 最初に登録する PLC の種類を選択（例: Modbus / OPC-UA / シミュレータ）
  2. 接続済み一覧 (2) → 登録した PLC の 収集開始 ボタンを押し、値が入ってくるか確認
  3. OPC-UA ノードビューア (4) → 外部 SCADA からどう見えるかを一度確認（UaExpert などでテスト）
  4. ノーコードフロー (7) → 取り込んだタグをどう加工し外部へ送るかのフローを作成
  5. 環境設定 (9) → MQTT / Sparkplug / TTL / キーなどシステムポリシーの微調整

2. 左下ステータスバー（横） — 7 クイックアクション + フッター​

┌─────────────────────────────────────────────────────────────────┐
│ KOPENS Edge     | 🎬 🔁 🗑 ⏱ 📄 🔌 ☁ |     V2026.05.10  │
└─────────────────────────────────────────────────────────────────┘
#アイコン動作詳細
1🎬 fa-projectorシステム再起動OS 自体 — 3〜5 分、PLC 収集は停止
2🔁 fa-repeat-1-altアプリケーション再起動Tomcat のみ — 30〜60 秒
3🗑 fa-trash一時ファイルのクリーンアップディスク不足時
4⏱ fa-stopwatchバックアップ設定 + DB
5📄 fa-file-altログのダウンロード診断用 zip
6🔌 fa-microchipO/S およびファームウェアのアップグレード最もリスクが高い
7☁ fa-cloud-downloadS/W アップグレードダウンロードサーバから新しいビルドを取得

→ 各アクションの正確な動作 / 所要時間 / 注意事項: ステータスバーのクイックアクション（全ページ共通）

フッター右側には 現在の SW バージョン + （ダウンロードサーバとの比較結果）赤い アップグレード可能! または グレーの 未接続 バッジが併せて表示されます。

3. 左上 — ロゴ / ホスト名​

┌──────────────┐
│ 🌱 플랜트펄스   │
│   엣지│   (HOSTNAME 뱃지 — 어느 게이트웨이인지 구분)
└──────────────┘
  • クリック → /ui/main へ移動（メイン画面のカード 30 個を一覧表示）
  • ヘッダー領域の マニュアルアイコン は fa-book-open に変更されました（以前は fa-book → 本を開いた形）

4. ページ別の追加ナビゲーション​

ページ追加の移動ポイント
/ui/mainカードをクリック → 該当メニュー画面。カウンタ（接続済み一覧 N）をクリック → list。システムエラー（本日） の赤い数字をクリック → システムログ
/ui/connect/listOPC 行のアクション ▶ ⏹ 🔧 🗑 / タグ行 ✏ インライン書き込み / 📈 tag-view チャート
/ui/connect/tag-viewヘッダー ← 戻る → list へ戻る
/ui/opcuaツリーノードをクリック → 右側に詳細 + チャート。NodeId コピーアイコン
/ui/apps+ 新規アプリのデプロイ / カードのポートをクリック → 別ウィンドウでそのアプリ
/system/log/list左側の 検索条件 フォーム / 右上 🗑 すべて削除（確認後）
/ui/system/configヘッダー ← 戻る → main / 💾 保存（再起動の案内）

5. ショートカット操作パターン​

目的最短ルート
本日の ERROR だけを素早く見るメイン画面 → システムエラー（本日） の赤い数字をクリック
いま PLC は本当に接続されているか？メインの 接続済み一覧 (N) をクリック → 左側 OPC 表の 接続状態 列
昨日 13:00 のあるタグの値サイドバー 🗄 ポイント検索 → 期間 / OPC / タグ → 検索 → CSV
外部 SCADA が見るノードツリーサイドバー 🌿 OPC-UA ノードビューア
現在稼働中のコンテナメインの Docker カード、またはサイドバー 🧊 アプリケーション
環境変数を 1 行だけ変更サイドバー ⚙ → エディタ検索 (Cmd+F) → 1 行修正 → 保存 → 🔁 再起動
ゲートウェイ OS が停止しているステータスバー 🎬 システム再起動（3〜5 分）
新しいビルドを適用ステータスバー ☁ S/W アップグレード（バッジが赤のときのみ）

6. さらに詳しく​