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

ブラウズ、購入、およびイベント管理機能テンプレートは、イベント、ワークショップ、または体験のチケットや登録を販売する方法をお探しの場合に、あなたのアプリに最適な追加機能です。各画面は、チケットや登録の購入を容易にするだけでなく、それらのイベントの管理と作成も容易にするために最適なユーザーエクスペリエンスに設計されています。

***

## **含まれる画面:**

### **ユーザー画面**

*これらの画面は、あなたのアプリの参加者やクライアントによって操作されます*。

📚 **説明画面**

クイックなヒント、ヘルプドキュメント、および興味を持つかもしれない関連テンプレートを含むテンプレートの概要を素早く把握します。この画面はいつでも削除できます。

📝 **カテゴリリスト画面**

この画面には、イベントや体験を分類するための画像、タイトル、説明、およびカテゴリのリストが含まれています。

📔 **イベントリスト画面**

カテゴリ内で提供されるイベントにダイブします。この画面には、ユーザー向けのカスタマイズ可能なパンくずナビゲーションとカスタムリストが付属しています。

🔎 **イベント詳細画面**

イベント詳細画面で、イベントに関連するすべての情報を表示します。場所、時間、可用性から価格、画像など、この画面にはすべてが詰まっています！

💰 **購入画面**

Stripeアカウントを設定して、エンドユーザーの購入プロセスをシームレスに管理します。

✅ **購入完了画面**

ユーザーが購入を成功させたときに通知します。

### **管理者画面**

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

👩🏾‍💻 **管理者イベント管理画面**

この画面から提供される利用可能なイベントやワークショップを確認し、それぞれの提供を追加、編集、または削除するオプションがあります。

🏦 **管理者取引画面**

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

⚒️ **管理者イベント作成画面**

アプリで提供する新しいイベントを作成する場所です。管理者はここで新しいイベントを作成します。

🔄 **管理者イベント編集画面**

管理者イベント編集画面を通じて既存のイベントやワークショップを更新します。

***

### データベース

ブラウズ、購入、およびイベント管理機能テンプレートには、サンプルデータが含まれたデータベースが付属しています。各Adaloデータベースには、関連するプロパティを持つコレクションが含まれています。コレクション間の必要な関係が設定されています。

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

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

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

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

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

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

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

* Email \[テキスト] — ユーザーのメールアドレス。サインアップ時に作成されます。
* Password \[暗号化されたテキスト] — ユーザーのパスワード。サインアップ時に作成されます。
* Username \[テキスト] — ユーザーのユーザー名。サインアップ時に作成されます。
* Full Name \[テキスト] — ユーザーの名前。サインアップ時に作成されます。
* Transactions \[1対多の関係] — ユーザーとその取引の間の関連フィールド。各ユーザーは多くの取引を持つことができますが、ユニークな取引は1人のユーザーにのみ属することができます。
* Profile Photo \[画像] — ユーザーの画像。サインアップ時に作成されます。
* Admin? \[True / False] — ユーザーの権限を認識するためのプロパティ。ユーザーが管理者である場合、このプロパティはtrueに設定され、インターフェースにチェックマークで表示されます。

#### 🗓️ **イベント**

**イベントコレクションには、提供するイベントに関連する情報が格納されます。この情報は、Adaloインターフェース（手動または.csvアップロードを介して）または「管理者がイベントを作成」または「管理者がイベントを編集」画面から追加できます。**

* Name \[テキスト] — イベントのタイトル。これは外部からイベントを参照する方法です。
* Primary Image \[画像] — イベントを表示したい画像。
* Category \[1対多の関係] — イベントが属するカテゴリ。これは1つのカテゴリに多くのイベントが属する関連プロパティであり、ただし、各イベントは1つのカテゴリしか持つことができません。
* Short Description \[テキスト] — イベントの簡単な説明。通常、1文です。
* Long Description \[テキスト] — より詳細なイベントの説明。すべての関連する詳細を含めます。
* Starting Time \[日付と時刻] — イベントが開始する日時。
* Ending Time \[日付と時刻] — イベントが終了する日時。
* Total Time \[数値] — 各個々のイベントが続く時間の数。
* Location \[テキスト] — イベントが行われる場所。
* Price \[数値] — イベントの費用。
* Total Possible Spots \[数値] — イベントに登録できる人数。
* Available Spots Remaining \[数値] — イベントの登録可能な残りスポットの合計。最初は、この数値は「Total Possible Spots」の値と一致する必要があります。
* Transactions \[1対多の関係] — イベントに関連する取引です。これは、多くの取引が1つのイベントに属し、各取引がそのイベントに固有である関連フィールドです。
* Publicly Available? \[True / False] — イベントが顧客に表示されるべきかどうかを認識するプロパティ。イベントが表示される必要がある場合は、このプロパティをTRUEに設定します。表示されない場合は、プロパティをFALSEに設定します。 **このテンプレートはスポーツテーマなので、このコレクションにはチーム情報が含まれています。チームのないイベントがある場合は、他の種類のグループ情報を保持するために使用できます。**
* 名前 \[テキスト] — チームの名前
* 簡単な説明 \[テキスト] — チームの簡単な要約
* 長い説明 \[テキスト] — チームの詳細な説明
* ゲーム \[一対多の関係] — これはチームをイベントに結び付けます。1つのチームには多くのイベントがあります。

#### 💰 取引

**取引コレクションには、行われた購入に関する情報が含まれています。この情報はユーザーが「購入」画面でプロセスを完了したときに作成されます。**

* 名前 \[テキスト] — 取引に付けられた名前。テンプレートを最初にダウンロードした際、名前は次の形式で入力されます: ユーザーのフルネーム — イベントの名前
* ステータス \[テキスト] — 取引の結果
* 購入したイベント \[一対多の関係] — 1つの取引が1つのイベントを購入する関連フィールド。ただし、1つのイベントには複数の取引がある場合があります。
* 購入者のユーザー \[一対多の関係] — 1人のユーザーが1つのイベントを購入することを表示する関連フィールド。ただし、1つのイベントには複数のユーザーがいます。
* 費用 \[数値] — イベントの価格

***

### レイアウト設定

ブラウズ、購入、および管理機能テンプレートの各画面は、レスポンシブデザインを使用して作成されています。画面はどのデバイスやタブレットでも見栄えがします。

ほとんどの画面はカスタムレイアウトで設計されています。画面に新しいコンポーネントを追加すると、他の画面サイズに影響を与える場合があります。

#### レイアウトの概要:

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

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0a98b0144050234aedd2b5e3fb1441156412f400%2FLayout%20Settings.png?alt=media" alt=""><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%2FHidden%20Components.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%2FVisibility%20Settings.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%2FCustom%20Layout.png?alt=media" alt="" width="347"><figcaption></figcaption></figure>

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

***

### **使用例:**

* 複数の基調講演セッションやワークショップのチケットを販売するカンファレンス主催者。
* さまざまなパフォーマンス日やVIP体験のパスを提供する音楽フェスティバル。
* 異なる工芸品やスキルの実践学習セッションのスポットを販売するワークショップファシリテーター。
* トーナメントやトレーニングキャンプの登録を提供するスポーツ団体。
* その他多数！
