モバイル ポップアップの作成

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：5分

    • リアルタイムの条件に基づいて構成可能なモバイルポップアップを表示する方法について説明します。これらのポップアップは、モバイルアプリのログインフェーズ時またはボタンタップ後に表示できます。

    始める前に

    必要なロール：admin

    モバイルポップアップを構成する前に、次の点を考慮してください。
    • モバイルカードはポップアップの表示に使用されます。独自のモバイルカードの 1 つをデザインするか、提供されているテンプレートカードの 1 つを使用できます。詳細については、「モバイルカードビルダー」を参照してください。
    • ポップアップをトリガーするサポートされているボタンタイプは、アクションアイテムとナビゲーションです。詳細については、「アクション機能」を参照してください。
    • すべてのボタンの場所がサポートされています。たとえば、スワイプ、トップメニューアクション、フッター機能などです。
    • ボタンは、レコード、アイコン、メディア、およびコンテンツの UI セクションでサポートされています。詳細については、「ランチャー画面の UI セクション」を参照してください。
    • モバイルポップアップはオフラインではサポートされていません。

    手順

    1. 移動先 すべて > システムモバイル > モバイルアプリビルダー.
      モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
    2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
      モバイルアプリビルダー カテゴリのホーム画面が表示されます。
    3. メニューから [すべてのモバイルレコード] を選択します。
    4. レコードタイプ ドロップダウン リストから、モバイル イベント [sys_sg_event] を選択し、 New (新規).
    5. 必要に応じて以下のフィールドに入力します。
      表 : 1. モバイルイベントフォーム
      Field (フィールド) 説明
      プロパティ
      名前 モバイルポップアップをアクティブにするモバイルイベントの名前。
      Description (説明) モバイルイベントに関する追加情報。
      アクティブ モバイルイベントが有効になっているかどうか。
      タイプ

      ポップアップをトリガーするイベントのタイプ。
      ソーステーブル このモバイルイベントのソーステーブル。
      ソースレコード このイベントが発生するレコードとして、モバイルアプリ構成またはモバイル機能のいずれかを決定します。オプションは、[ ソーステーブル ] フィールドからの選択によって異なります。
      イベントアクション モバイルイベントがトリガーされたときに発生するアクション。
      注:
      イベントごとに存在できるアクションは 1 つだけです。
    6. [ タイプ ] フィールドから、トリガーされるイベントを、ユーザーのログイン時に発生するか、ボタンが選択されたときに発生するかを選択します。
      次のいずれかを選択します。
      • OnLogin:ユーザーが認証情報を入力してログインすると、モバイルポップアップが表示されます。
      • OnButtonClick:ユーザーが指定されたボタン機能を選択すると、モバイルポップアップが表示されます。
    7. [ ソーステーブル ] フィールドから、選択したモバイルイベントタイプに関連するテーブルを選択します。
      注:
      [タイプ] として [OnLogin] を選択した場合、ソーステーブルはモバイルアプリ構成 [sys_sg_native_client] になります。

      [種類] として [OnButtonClick] を選択した場合、ソース テーブルは関数 [sys_sg_button] になります。

    8. [イベントアクション] 領域で [新規 ] を選択し、イベントがトリガーされたときの動作を定義します。
    9. 必要に応じて次のフィールドに入力し、イベントアクションフォームでモバイルポップアップを表示または非表示にする条件を作成します。
      表 : 2. モバイルイベントアクションフォーム
      Field (フィールド) 説明
      プロパティ
      名前 モバイルイベントアクションの名前。
      Settings (設定)
      タイプ イベントアクションのタイプ。[ShowPopup] を選択します。
      条件タイプ

      このモバイルイベントアクションに適用される条件。

      • 宣言: Condition Builder をフォームに追加します。詳細については、「 条件ビルダー」を参照してください。
      • スクリプト: フォームにスクリプト条件フィールドを追加します。
      クエリ条件スクリプト スクリプトを使用して、返されるレコードを決定します。
      注:
      このフィールドは、[ 条件タイプ ] フィールドで [スクリプト] を選択した場合にのみ表示されます
      テーブル
      返されるレコードを含むテーブル。
      注:
      このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。
      条件 選択したテーブルから返されるレコードを決定する条件を設定します。条件が設定されていない場合、クエリはすべてのレコードを返します。
      注:
      このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。
      ポップアップ 使用するモバイルポップアップとその表示方法を選択します。
    10. [タイプ] フィールドで [ShowPopup] を選択します。
    11. [条件タイプ] フィールドで [宣言型] または [スクリプト化] を選択します。
      このモバイルイベントに適用される宣言条件またはスクリプト条件のいずれかを選択すると、異なるフィールドが表示されます。
    12. [ポップアップ] フィールドで [新規] を選択し、モバイルポップアップがどのように表示されるかを決定します。
    13. 必要に応じて次のフィールドに入力します。
      表 : 3. モバイルポップアップフォーム
      Field (フィールド) 説明
      プロパティ
      名前 モバイルポップアップの名前。
      外側をタップして閉じる ポップアップ領域の外側にあるモバイル画面をタップして、モバイルポップアップを閉じるオプション。
      注:
      このオプションが選択されていない場合、ポップアップ カードにはポップアップを閉じるボタンが含まれている必要があります。それ以外の場合、この設定は無視されます。
      背景をぼかす モバイル画面の背景をぼかして、ポップアップをより強調するオプション。
      アクティブ モバイルイベントが有効になっているかどうか。
      カード ポップアップに使用するカード。
    14. 既存のカードを使用する場合は [選択] を選択し、[カード] フィールドから [新規] を選択してカードを作成します。
      カードの作成の詳細については、「 モバイルカードビルダー」を参照してください。
      注:
      ベースシステムには、2 つのモバイルポップアップカードテンプレートが用意されています。これらのテンプレートは、ポップアップ 01 およびポップアップ 02 と呼ばれます。
    15. 構成可能な機能または事前定義された機能をモバイルポップアップカードのボタンに割り当てます。
    16. [保存] を選択します。