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

インターフェース概要

OpSeeメインインターフェースの構成

OpSeeのインターフェースはシングルページアプリケーションです。レイアウトはすべてのモジュールで一貫しています: 左側に折りたたみ可能なサイドバー、上部にヘッダーバー、そしてアクティブなページに応じて変化するメインコンテンツエリア。

レイアウトマップ​

┌─────────────────────────────────────────────────────┐
│ ヘッダーバー [👤] [🌐] │
├──────────────┬──────────────────────────────────────┤
│ │ │
│ ナビゲー │ メインコンテンツエリア │
│ ション │ │
│ サイドバー │ (モジュールごとに変化) │
│ │ │
└──────────────┴───────────────────────────────────[🤖]┘

ナビゲーションサイドバー​

左側のサイドバーは、モジュール間を移動する主な手段です。動的で、メニューツリーはデータベースから読み込まれるため、表示される項目は次のものに依存します:

  1. あなたのロール、管理者はすべてのモジュールを見ます。オペレーターは生産とAIアシスタントしか見られない場合があります
  2. あなたの設備スコープ、特定のラインに制限されている場合でも、メニューにはすべてのモジュールが表示されますが、内部のデータはフィルタリングされます

セクションの展開と折りたたみ​

任意の親項目(例えば管理)をクリックすると、そのサブ項目を展開または折りたたむことができます。サイドバーはページの読み込みをまたいで開いているセクションを記憶します、ブラウザのローカルストレージに展開状態を保持します。

モバイルや小さな画面では、サイドバーはハンバーガーメニューに折りたたまれます。タップして引き出しを開き、任意の項目をタップしてナビゲートします。

サイドバーの折りたたみ(デスクトップ)​

デスクトップでは、サイドバー上部の矢印アイコンをクリックして、アイコンのみのモードに折りたたむことができます。これによりコックピットなどの幅広いダッシュボードに、より多くの水平方向のスペースが提供されます。

ヘッダーバー​

ヘッダーバーには次のものが含まれます:

要素目的
OpSeeロゴクリックでホームページに戻る
言語セレクターUI言語を即座に切り替え(10言語利用可能)
プロフィールアバタープロフィールを開く、パスワードを変更する、またはサインアウト

言語セレクター​

地球儀アイコンをクリックすると、有効になっているすべての言語のドロップダウンが表示されます。言語を選択するとUI全体が即座に変更され、ページの再読み込みは不要です。選択はブラウザセッションごとに保存され、次回訪問時に自動的に復元されます。

利用可能な言語と時刻表示オプションの詳細については、言語とタイムゾーンを参照してください。

プロフィールメニュー​

アバター(または写真が設定されていない場合はイニシャル)をクリックすると、次のものを含む小さなポップアップが開きます:

  • あなたの名前とメール、読み取り専用、Keycloakから取得
  • プロフィール、完全なプロフィールページへのリンク(個人情報、セキュリティ、ロール)
  • サインアウト、セッションを即座に終了

メインコンテンツエリア​

コンテンツエリアは画面の残りを埋めます。各モジュールには独自のレイアウトがあります:

  • グリッドページ(設備、人員、材料、…)、フィルター、ソート、列のサイズ変更を備えたDataGrid
  • ダッシュボードページ(コックピット、生産OEE、…)、自動的に更新されるカードとグラフ
  • フォームページ(管理設定、…)、保存/キャンセル付きの構造化フォーム

すべてのグリッドページでフィルターがどのように機能するかについては、フィルタリングと検索を参照してください。

AIアシスタントバブル​

すべてのページの右下隅に小さなチャットバブルが表示されます。クリックすると、現在の画面を離れることなくAIアシスタントを開くことができます。アシスタントパネルが右側からスライドインするので、ページを読みながら同時にチャットできます。

完全なドキュメントについては、AIアシスタントを参照してください。

前提条件​

次のステップ​

関連項目​