オンボーディング ビュータイプ

オンボーディング ビュータイプを使用すると、ユーザーをオンボーディングするための一連の導入ページを提供できます。

次の例は、Shift Scheduling テンプレートに用意されている Instructions オンボーディング ビューです。

以下のセクションでは、オンボーディング ビューをアプリで使用する方法について説明します。

• アプリ テンプレートを使ってみる
• データを準備する
• オンボーディング ビューを作成する
• オンボーディング ビューのオプションを構成する

ビューを管理する方法の詳細については、ビューの基礎をご覧ください。

現時点では、書式ルールはオンボーディング ビューには対応していません。

アプリ テンプレートを使ってみる

オンボーディング ビューの例については、Shift Scheduling テンプレートをご覧ください。

データを準備する

オンボーディング フローの各ページに表示されるコンテンツ コンポーネントを定義するテーブルを作成する必要があります。これには、次のような項目に対応する列が含まれます。

• 画像
• ページのタイトル
• 簡単な説明
• 追加の説明

次の例は、Shift Scheduling テンプレートのオンボーディング ビューで使用されている Instructions テーブルです。

オンボーディング ビューを作成する

オンボーディング ビューを作成する方法は次のとおりです。

1. ビューを作成するの説明に沿って、ビューを作成します。

2. オンボーディング ビューを次のように構成します。

   1. ビューの詳細の説明に沿って、オンボーディング ビューの詳細の構成時に、次の操作を行います。

      1. [View type] として [onboarding] を選択します。

      2. [For this data] プルダウンでオンボーディング テーブルを選択します（データを準備するをご覧ください）。

   2. オンボーディング ビューのオプションを構成します。

   3. ビューを構成するの説明に沿って、[Display]、[Behavior]、[Documentation] の各設定を構成します。

3. 完了したら、次のいずれかを選択して変更を保存します。

   • Save - アプリを保存します。
   • Save & verify data - アプリを保存し、外部依存関係に基づいてアプリが実行可能であるかどうかを確認します。

オンボーディング ビューのオプションを構成する

次の表で説明されている設定を使用して、オンボーディングの [View options] を構成します。

設定	説明
Image	特定のページに表示する画像。プルダウン リストでテーブルの列を選択します。
Title	オンボーディング フローのページのタイトル。プルダウン リストでテキストベースの列を選択します。
Short blurb	簡単な説明。プルダウン リストでテキストベースの列を選択します。
Second short blurb	小さいフォントサイズの追加の説明。プルダウン リストでテキストベースの列を選択します。
Finish view	オンボーディング フローの完了後に移動するビュー。プルダウン リストで既存のビューを選択します。

 

次の図は、[View options] の各設定が Shift Scheduling テンプレートの Instructions オンボーディング ビューにどのように表示されるかを示しています。サンプルデータは、[Second short blurb] のコンテンツの例を含むように変更されています。