> For the complete documentation index, see [llms.txt](https://docs.chamilo.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chamilo.org/2.x/ja/gaido/teacher-guide/getting-started/understanding-the-interface.md).

# インターフェースの理解

Chamilo 2.0は、ナビゲーションをシンプルに保つために設計された、クリーンでモダンなインターフェースを備えています。このページでは、インターフェースの各部分を詳細に説明します。

## トップバー

![トップバーに注釈が付いた要素（ロゴ、受信トレイ、サポートチケット、ユーザーのアバター）](https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-15a9075385fe52077bb7527a2ebad04325a7b260%2Ftop-bar-annotated.png?alt=media)

トップバーはすべてのページの上部に常に表示されています。以下の内容が含まれています：

* **プラットフォームロゴ** — クリックすると、いつでもホームページに戻ることができます。
* **受信トレイアイコン** <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-ded119a8b4f1d1889e63e8e4d49987471e10c4c4%2Fmdi-inbox.svg?alt=media" alt="受信トレイ" data-size="line"> — メッセージを表示します。赤いバッジは未読メッセージを示します。クリックすると受信トレイが開きます。
* **サポートチケットアイコン** <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-9571b233a394db58641d06eaf9d3531f202dbb42%2Fmdi-ticket-account.svg?alt=media" alt="サポート" data-size="line"> — 管理者によって有効にされている場合、サポートチケットシステムにアクセスできます。
* **あなたのアバター** — 右上隅にある円形の画像です。クリックすると、プロフィール、アカウント設定、サインアウトへのリンクが含まれたドロップダウンメニューが開きます。

## サイドバー

左側のサイドバーは主要なナビゲーションです。コンテンツエリアにスペースを確保するために折り畳むことができます。右端のトグル矢印をクリックすると、展開または折り畳みが可能です。Chamiloはあなたの設定を記憶します。

サイドバーには以下のリンクが含まれています（プラットフォームの設定によっては一部が非表示になる場合があります）：

![展開状態のサイドバーナビゲーションパネルにすべてのメニュー項目が表示されている](https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-26ab83989e05c8602d248fbc3b03055a40a13d43%2Fsidebar-expanded.png?alt=media)

| メニュー項目          | アイコン                                                                                                                                                                                                                                                        | 説明                               |
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- |
| **ホーム**         | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-ccee5c3bf51813aae8ecb4757180af942edc29dd%2Fmdi-home.svg?alt=media" alt="ホーム" data-size="line">                    | メインダッシュボードに戻ります                  |
| **マイコース**       | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-2a2a35d2d643419294521ab10f4e7a8ec37bb8c2%2Fmdi-book-open-page-variant.svg?alt=media" alt="コース" data-size="line">  | 登録しているすべてのコースを一覧表示します            |
| **マイセッション**     | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-e5dc2192f1a285899ccb740352adebc866d20e0e%2Fmdi-google-classroom.svg?alt=media" alt="セッション" data-size="line">      | トレーニングセッション（現在、過去、予定）を一覧表示します    |
| **さらにコースを探す**   | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-d9792c4a1c6426c5bab3829331acce5f855d5553%2Fmdi-bookmark-multiple.svg?alt=media" alt="カタログ" data-size="line">      | コースカタログを閲覧して新しいコースを見つけます         |
| **アジェンダ**       | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-7ef33037ac7060f6dedd0fe70f1b0533bb3fd4cb%2Fmdi-calendar-text.svg?alt=media" alt="アジェンダ" data-size="line">         | 個人およびコースのカレンダー                   |
| **レポート**        | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-e779b62ec9d159b64162b33db69cf336c000ad34%2Fmdi-chart-box.svg?alt=media" alt="レポート" data-size="line">              | 学習者の追跡やコースレポートにアクセスします           |
| **ソーシャルネットワーク** | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-948b7d2bd7febbc5fab5b3fa5d1c22609b3eeecc%2Fmdi-sitemap-outline.svg?alt=media" alt="ソーシャルネットワーク" data-size="line"> | 他のユーザーとつながり、メッセージを送信し、グループに参加します |
| **ビデオ会議**       | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-c2c6b04ef31b3891d0ded2536b66160ceca472b7%2Fmdi-video.svg?alt=media" alt="ビデオ" data-size="line">                   | ライブビデオセッションにアクセスします（設定されている場合）   |
| **管理**          | <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-03f7593330f6a43967e3c07450b55f469d18a6df%2Fmdi-cogs.svg?alt=media" alt="管理者" data-size="line">                    | プラットフォームの管理（管理者のみに表示）            |

サイドバーの一番下には、作業が終了した際に素早くサインアウトするための**サインアウト**オプションがあります。このオプションは、右上隅のアバターアイコンのドロップダウンメニューからも利用可能です。 プラットフォームが外部認証方式で管理されている場合、これらのサインアウトオプションが利用できない場合があります。

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

画面の中央エリアには、現在のページのコンテンツが表示されます。上部には、プラットフォーム内での現在位置を示す**パンくずリスト**がよく表示されます（例：ホーム > ロックミュージック > ドキュメント）。パンくずリストを使用して、親ページに戻ることができます。

## コースホームページ

コースに入ると、**コースホームページ**が表示されます。これは[コースの作成](/2.x/ja/gaido/teacher-guide/creating-your-course.md)セクションで詳しく説明されていますが、簡単な概要を以下に示します：

* **コースタイトル** — 上部に目立つように表示されます
* **コース紹介** — 編集可能なオプションのリッチテキスト説明
* **ツールグリッド** — コースツール（ドキュメント、演習、フォーラムなど）を表すアイコンのグリッド

教師として、以下の追加のコントロールが表示されます：

* **学生ビュー** <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-0b6b23a06a96f08bea32e8e7de1252b5982bdc4d%2Fmdi-eye.svg?alt=media" alt="学生ビュー" data-size="line"> — これを切り替えると、学生が見るコースの表示を確認できます
* **紹介の編集** <img src="https://182967182-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9cKzrJu5BPBDnp7UXHW%2Fuploads%2Fgit-blob-6369c6135a9138074bead2ce94ad7693bf719058%2Fmdi-pencil.svg?alt=media" alt="編集" data-size="line"> — コース紹介テキストを編集します
* **すべて表示 / すべて非表示** — 学生に対するすべてのツールの表示/非表示を素早く変更します
* **並べ替え** — ドラッグアンドドロップを有効にして、ホームページ上のツールを並べ替えます

## アイコンの色

これはまだ実験的なもので、Chamilo 2.0 では完全には完成していませんが、インターフェース内のすべてのボタンやアクションアイコンに対して以下のルールを適用しようとしています：

* **緑色**：作成アクション用。追加、作成、インポート、採点、保存、コンテンツのコピーなどが含まれます。
* **青色**：閲覧アクション用。エクスポート、閲覧、リストや詳細ビューでのプレビュー、検索、ダウンロードなどが含まれます。
* **オレンジ色**：編集アクション用。編集、移動、設定、有効化/無効化、非表示/表示などが含まれます。
* **赤色**：削除/除去アクション用。削除、除去、登録解除などが含まれます。
* **灰色**：キャンセルアクション用。現状を維持するだけの操作です。

## レスポンシブデザイン

Chamilo 2.0 は異なる画面サイズに適応します。モバイルデバイスや狭いブラウザウィンドウでは：

* サイドバーはデフォルトで非表示になっており、メニューアイコンをタップすることで開くことができます
* コースカードはグリッドではなく単一の列で表示されます
* テーブルは水平方向にスクロール可能になります

これは、あなたや学習者がスマートフォン、タブレット、コンピュータからプラットフォームにアクセスできることを意味しますが、インターフェースの体験が若干異なる場合があります。
