# 概要 - スクリーン、データベース、レイアウト設定、ユースケース

Classes Admin 機能テンプレートは、従業員がクラスなどのデータを管理する必要があるアプリに最適な追加機能です。アプリ内のすべてのデータを従業員に公開したくない企業や、データに関連する作成と更新を制御したい企業にとって、管理機能は最適です。

## 画面概要

📚 **インストラクション画面**

クイックなヒント、ヘルプドキュメント、関連するテンプレートを使ってテンプレートの概要を素早く把握します。*この画面はいつでも削除できます。*

### 管理画面

*管理画面は、それらの画面を表示および操作する権限を持つユーザーにアクセス可能です。*

👩🏾‍💻 **管理クリニック画面**

この画面から提供されるクリニックやクラスを確認し、それぞれの提供内容を追加、編集、削除するオプションがあります。

🏦 **取引管理画面**

ダッシュボードビューですべての取引を確認および監視し、関連するデータの表を表示します。

⚒️ **クリニック作成画面**

ロースターやクラスの提供内容にクリニックを追加します。ここが管理者がアプリ内で提供する新しいクラスを作成する場所です。

🔄 **クリニック編集画面**

管理者が既存のクリニックやクラスを更新するための編集画面です。

## データベース概要

Browse Classes 機能テンプレートには、サンプルデータが含まれたデータベースが付属しています。各 Adalo データベースにはコレクションが含まれ、各コレクションには関連するプロパティが付属しています。コレクション間の必要な関係も設定されています。

{% hint style="warning" %}
**データベースに関する重要な注意:**

Feature Template からコレクションやプロパティを **削除** すると、アプリの機能に影響する可能性があります。

Feature Template にコレクションやプロパティを **追加** すると、アプリの機能には影響しません。
{% endhint %}

以下は含まれるコレクションとそのプロパティの概要です。コレクション名は太字で表示され、説明が含まれます。プロパティには、名前、プロパティタイプ（角かっこ内）、説明が含まれます。

### 基本コレクションとプロパティ:

#### 👥 **ユーザー**

ユーザーコレクションは、すべての Adalo アプリに自動的に付属しています。このコレクションには、アプリを使用するすべてのユーザーに関連する情報が格納されます。この情報は、ユーザーがアプリの使用を開始する際にユーザーから初めて収集されます。

* Email \[テキスト] — ユーザーのメールアドレス。
* Password \[暗号化] — 誰にも見えないユーザーのパスワード。
* Username \[テキスト] — ユーザーが設定したユーザー名。
* Full Name \[テキスト] — ユーザーの名字と名前。
* Transactions \[一対多の関係] — ユーザーに関連する取引。アプリ内に支払い機能がある場合に収集されます。
* Profile Photo \[画像] — ユーザーのプロフィール写真。サインアップ時に自動的に収集されるわけではありませんが、サインアップフォームを介して収集できます。
* Admin? \[True/False] — これは、あなたのアプリ内で誰かが管理者であるかどうかを示すブールプロパティです。

#### 💳 取引

このコレクションには、アプリ内で行われた購入に関連するすべての情報が含まれています。*この機能テンプレート内には、このコレクションのデータを作成するアクションはありませんが、サンプルデータは「管理者取引」画面を表示します*。

* 名前 \[テキスト] — 取引のユニーク識別子。この場合、ユーザーの名前と購入したクラス名。
* ステータス \[テキスト] — 取引のステータス、「成功」など、成功した支払いを示す。
* 購入したクラス \[多対一の関係] — 多くの取引が1つのクラスに属するリレーションフィールドですが、1つの取引が複数のクラスに属することはできません。
* 購入者 \[多対一の関係] — 多くの取引が1人のユーザーに属するリレーションフィールドですが、1つの取引が複数のユーザーに属することはできません。
* 費用 \[数値] — クラスとその関連料金の支払い費用。

#### 🧱 カテゴリ

カテゴリコレクションには、クラスが属する各種カテゴリに関する情報が含まれています。

* 名前 \[テキスト] — カテゴリの名前を指します。
* 短い説明 \[テキスト] — カテゴリの簡潔な1行説明。
* 長い説明 \[テキスト] — カテゴリの詳細な説明で、詳細画面で使用できます。
* クラス \[一対多の関係] — 1つのカテゴリが多くのクラスに属することができますが、各クラスは1つのカテゴリにのみ属します。

#### 🧑🏾‍🏫 クラス

クラスコレクションには、顧客やクライアントが関心を持つ可能性のある各クラスに関するすべての情報が含まれています。

* 名前 \[テキスト] — クラスのタイトル。
* 主要画像 \[画像] — プロモーションで使用されるクラスに関連する画像。
* カテゴリ \[多対一の関係] — 多くのクラスが1つのカテゴリを持つことができますが、各クラスは1つのカテゴリにのみ属します。
* 短い説明 \[テキスト] — クラスの簡単な説明。
* 長い説明 \[テキスト] — 詳細画面で使用できるクラスの詳細な説明。
* 開始時刻 \[日付と時刻] — クラスが開始する日時。
* 終了時刻 \[日付と時刻] — クラスが終了する日時。
* 合計時間 \[数値] — クラスにかかる合計時間。
* 場所 \[テキスト] — クラスが行われる場所の住所。
* 価格 \[数値] — クラスに参加するための費用。
* 可能な総スポット数 \[数値] — クラスが満員になる前に顧客やクライアント向けに開かれているスポットの数。
* 利用可能な残りのスポット数 \[数値] — 人々がサインアップし始めた後に残っているスポットの数。
* 公開可能？ \[True/False] — クラスがユーザーに表示可能かどうか。TRUE は表示可能を意味します。

## レイアウト設定

ブラウズクラス機能テンプレートの各画面は、レスポンシブデザインを使用して作成されています。画面はどのデバイスやタブレットでも見栄えがします。 ほとんどの画面はカスタムレイアウトで設計されています。画面に新しいコンポーネントを追加すると、他の画面サイズに影響が及ぶ可能性があります。

### レイアウトの概要

異なる画面サイズのレイアウトを表示または編集するには、画面タイトルをクリックしてドロップダウンを表示します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0a98b0144050234aedd2b5e3fb1441156412f400%2FLayoutOverview1.png?alt=media" alt="" width="311"><figcaption></figcaption></figure>

このテンプレートのデフォルトビューはデスクトップです。ビルダーで1つの画面のサイズを変更しても、キャンバス上の他の画面のサイズは変更されません。

#### 非表示コンポーネント

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0c0c6290c48169cd05f8be4e76ce60f303a0cad0%2FLayoutoverview2.png?alt=media" alt="" width="476"><figcaption></figcaption></figure>

各ビューには、デスクトップには表示されないがモバイルで表示されるコンポーネントがある場合があります。これらは左側パネルでグレー表示され、アイコンで示されます。

どのデバイスコンポーネントが表示されているかを確認する別の方法は、こちらのレイアウトタブです：

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-2bbea52ddce833a1d274220fbf1f4148195cd901%2FLayoutoverview3.png?alt=media" alt="" width="540"><figcaption></figcaption></figure>

#### カスタムレイアウト

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-5b867757643ee4aa22bb0c83ad9a711eabdb00f8%2FLayoutoverview4.png?alt=media" alt="" width="347"><figcaption></figcaption></figure>

一部のコンポーネントには、画面サイズに基づいたカスタムレイアウトが付属しています。これらの設定を表示するには、レイアウトタブを確認し、カスタムレイアウト設定までスクロールします。

## 使用例

* 賃貸物件協会の物件リストを管理する。
* フィットネスビジネスやクラブの新しいクラスリストを作成する。
* レクリエーションセンターのクラスやワークショップの提供内容を編集する。
* その他多くの用途！
