メディア UI セクションの設定

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：3分

    • ランチャー画面に画像またはビデオを表示するようにメディア UI セクションタイプを構成します。

    始める前に

    必要なロール：admin

    手順

    1. 移動先 すべて > システムモバイル > モバイルアプリビルダー.
      モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
    2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
      モバイルアプリビルダー カテゴリのホーム画面が表示されます。
    3. メニューから [すべてのモバイルレコード] を選択します。
    4. [レコードの種類] の一覧から [メディア セクション] [sys_sg_media_section] を選択し、[ 新規] を選択します。
    5. フォームで、フィールドに入力します。
      表 : 1. メディア UI セクションフォーム
      フィールド 値
      タイトル メディア UI セクションのタイトル
      見出し メディア UI セクションの見出し。この見出しは、イメージまたはビデオの下に表示されます。
      テキスト メディア UI セクションのテキスト。このテキストは、見出しのテキストの下に表示されます。
      タイプ メディアのタイプ UI セクション 次のいずれかを選択します。
      • イメージ
      • ビデオ
      アクティブ レコードが有効かどうか。非アクティブなレコードはアプリに表示されません。
      メディアファイル

      • [タイプ] フィールドを [画像] に設定した場合:

        「 イメージの選択 」を選択して、ファイル・システムからイメージを選択します。
        注:

        高さ 160 px、幅 1366 px を使用して、メディア UI セクションで使用するために最適化された画像を作成します。

        ユーザーが主に iPhone を使用している場合は、高さ 160px、幅 375px ～ 600px にします。

      • [タイプ] フィールドを [ビデオ] に設定した場合:

        ビデオ URL を入力します。
      メディアセクション機能インスタンス

      ユーザーがメディア UI セクションをタップしたときに使用する関数インスタンスを選択します。関数のラベルは、[ テキスト ] フィールドに指定したテキストの下に表示されます。

      注:

      選択した機能インスタンスは、次の要件を満たす必要があります:

      • [親] フィールドを選択する前に、[親テーブル] フィールドにエントリーが含まれている必要があります。
      • [親テーブル] フィールドは [画面ランチャー] に設定する必要があります。
      • 選択した関数インスタンスの [親] フィールドは、メディア UI セクションを追加するランチャーである必要があります。
      • 関数インスタンスの [場所] フィールドは、メディア UI セクションである必要があります。
      アクセス制御タイプ このランチャー画面のユーザーロール権限またはユーザー基準権限のいずれかを割り当てるオプション。詳細については、「モバイルアプリのユーザーロールとユーザー基準の権限」を参照してください。
      ロールアクセス権

      このランチャー画面にアクセスできるユーザーロールを決定します。ロールを選択しなかった場合、ロールを持つユーザーはランチャー画面にアクセスできます。

      注:
      このフィールドは、[アクセス制御タイプ] フィールドで [ユーザーロール] が選択されている場合に使用できます。
      ユーザー基準アクセス

      ユーザーがモバイルデバイスのレコードにアクセスするために満たす必要がある基準を決定します。条件を選択しない場合、すべてのユーザーがランチャー画面にアクセスできます。

      注:
      このフィールドは、[アクセス制御タイプ] フィールドで [ユーザー基準] が選択されている場合に使用できます。
    6. [Save (保存)] を選択します。
      ランチャー画面に追加できるメディア UI セクションが構成されました。
      画像/ビデオ、見出し、およびテキスト要素の位置を示す [メディア] セクション
    7. ランチャー画面に UI セクションを追加します。
      1. ホームアイコンを選択して、 モバイルアプリビルダー ホーム画面に移動します。
      2. メニューの [画面 ] を選択します。
      3. UI セクションを追加するランチャー画面レコードを開きます。
      4. [ランチャー セクション] 領域で [選択] を選択し、手順 6 で作成したメディア UI セクションを選択して、[適用] を選択します。
      5. [順序] フィールドに、画面ランチャーに UI セクションが表示される順序を表す数値を入力し、緑色のチェックをオンにします。
        ランチャーの UI セクションは、最も低い値から最も高い値まで順番に表示されます。
      6. メディア UI セクションを追加したら、[ 保存 ] を選択してランチャー画面のレコードを保存します。

    次のタスク

    メディア UI セクションを作成したら、UI セクションをランチャー画面に関連付けて表示されるようにする必要があります。詳細については、「ランチャー画面に UI セクションを追加します」を参照してください。