ドキュメントAEMAEM Screens ガイド

キックスタートガイド kickstart-guide

Last update: Tue Apr 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • Beginner
  • User

AEM Screens のキックスタートで、AEM Screens プロジェクトの設定および実行方法について説明します。基本的なデジタルサイネージエクスペリエンスの設定、各チャネルへのアセットやビデオなどのコンテンツの追加、さらにそのコンテンツの AEM Screens Player への公開に関する手順を説明します。

NOTE
プロジェクトの詳細に取り組む前に、AEM Screensの最新の機能パックがインストールされていることを確認してください。 Adobe ID を使用して、リリースの最新の機能パックをソフトウェア配布ポータルからダウンロードできます。

前提条件 prerequisites

次の手順に従って、AEM Screens のサンプルプロジェクトを作成し、コンテンツを Screens Player に公開します。

NOTE
次のチュートリアルは、Chrome OS プレーヤーでチャネルのコンテンツを再生する場合を示します。
IMPORTANT
OSGi 設定
デバイスからサーバーへのデータの投稿を許可するには、空のリファラーを有効にする必要があります。例えば、空のリファラーのプロパティが無効になっていると、デバイスからスクリーンショットを投稿できません。現在、これらの機能の一部は、OSGi 設定で Apache Sling Referrer Filter の Allow Empty 設定が有効になっている場合にのみ使用できます。ダッシュボードには、セキュリティ設定がこれらの機能の一部の動作を妨げる可能性があることを示す警告が表示される場合があります。
Apache Sling Referrer Filter の「Allow Empty」設定 ​を有効にするには、次の手順に従います。

空のリファラー要求の許可 allow-empty-referrer-requests

  1. に移動します。 Adobe Experience Manager Web コンソールの設定 AEM インスタンス/ハンマーアイコン/を選択 運用 > Web コンソール.

    画像

  2. Adobe Experience Manager Web コンソール設定 ​が開きます。「sling referrer」を検索します。

    「sling referrer」プロパティを検索するには、Command + F キー（Mac）または Ctrl + F キー（Windows）を押します。

  3. 「Allow Empty」オプションをオンにします（下図を参照）。

    画像

  4. 「保存」をクリックして、Apache Sling Referrer Filter の「Allow Empty」を有効にします。

デジタルサイネージエクスペリエンスを 5 分で作成する creating-a-digital-signage-experience-in-minutes

AEM Screens プロジェクトの作成 creating-project

最初の手順は AEM Screens プロジェクトを作ることです。

  1. Adobe Experience Manager（AEM）インスタンスに移動し、「Screens」をクリックします。または、https://localhost:4502/screens.html/content/screens](https://localhost:4502/screens.html/content/screens から直接アクセスすることもできます。

  2. クリック Screens プロジェクトの作成 そのため、Screens プロジェクトを作成できます。

  3. タイトルに「」と入力 DemoScreen ​を選択し、 保存.

    画像

    note note
    NOTE
    プロジェクトを作成すると、AEM Screens プロジェクトのホームページに戻ります。 これで、プロジェクトをクリックできます。 プロジェクトには、アプリケーション、チャネル、デバイス、ロケーション ​および​ スケジュール ​という 5 つの異なるフォルダーがあります。

チャネルの作成 creating-channel

AEM Screens プロジェクトを作成したら、コンテンツを管理するチャネルを作成します。

プロジェクトのチャネルを作成するには、次の手順に従います。

  1. プロジェクトを作成したら、 DemoScreen をプロジェクトに追加して、 チャネル フォルダー（下図を参照）。 アクションバーの「+ 作成」をクリックします。

    画像

  2. ウィザードで「シーケンスチャネル」を選択し、「次へ」をクリックします。
    画像

  3. 「タイトル」に「TestChannel」と入力し、「作成」をクリックします。

    画像

    TestChannel がチャネルフォルダーに追加されます（下図を参照）。

    画像

チャネルへのコンテンツの追加 adding-content

チャンネルを用意したら、AEM Screens Player で表示できるコンテンツをチャンネルに追加します。

以下の手順に従って、プロジェクトのチャネル（TestChannel）にコンテンツを追加します。

  1. に移動します。 デモプロジェクト を作成し、 TestChannel から チャネル フォルダー。

  2. アクションバーの「編集」をクリックします（下図を参照）。TestChannel のエディターが開きます。

    画像

  3. アクションバーの左側のサイドパネルを切り替えるアイコンをクリックして、アセットとコンポーネントを開きます。

  4. チャネルに追加するコンポーネントをドラッグ&ドロップします。

    画像

ロケーションの作成 creating-location

チャネルを用意したら、場所を作成します。

NOTE
場所 様々なデジタルサイネージエクスペリエンスを区分化し、様々な画面の場所に応じたディスプレイの設定を含めます。

プロジェクトの場所を作成するには、次の手順に従います。

  1. に移動します。 デモプロジェクト を作成し、 場所 フォルダー。
  2. アクションバーの「+ 作成」をクリックします。
  3. クリック 場所 ウィザードで、をクリックします 次.
  4. ロケーションの「名前」を入力し（タイトルには「TestLocation」と入力します）、「作成」をクリックします。

TestLocation が作成され、ロケーション ​フォルダーに追加されます。

ロケーション用ディスプレイの作成 creating-display

ロケーションを作成したら、ロケーション用のディスプレイを作成します。

NOTE
表示 1 つまたは複数の画面で実行されるデジタルエクスペリエンスを表します。

  1. に移動します。 TestLocation クリックします。

  2. アクションバーの「作成」をクリックします。

    画像

  3. クリック 表示 から 作成 ウィザードを表示して、 次.

    画像

  4. 「タイトル」に「LobbyDisplay」と入力し、「作成」をクリックします。

    画像

    以下の図に示すように、「TestDisplay」というタイトルの新しいディスプレイがロケーション「TestLocation」に追加されます。

    画像

チャネルの割り当て assigning-channel

プロジェクトの設定が完了したら、チャネルをディスプレイに割り当てて、コンテンツを表示します。

  1. から必要なディスプレイに移動します。 DemoScreen > 場所 > TestLocation > LobbyDisplay.

  2. アクションバーの「チャネルを割り当て」をクリックします。

    画像

    または、

    クリック Dashboard アクションバーから、をクリックします +チャネルの割り当て から 割り当てられたチャネルとスケジュール パネル。

    画像

  3. 「チャネル割り当て」ダイアログボックスが開きます。

  4. 「設定」オプションから、チャネルを​ パスで ​選択し、「サポートされているイベント」として「初期ロード」と「待機中画面」を選択します。

    note note
    NOTE
    「チャネルロール」、「優先度」、「中断メソッド」は、すべてデフォルトで設定されます。参照： チャネルプロパティ チャネル割り当てプロパティの詳細については、を参照してください。

    画像

    また、 アクティベーションウィンドウ および 繰り返しスケジュール.

    note note
    NOTE
    この 繰り返しスケジュール チャネルに繰り返しスケジュールを設定できます。 1 つのチャネルに対して、複数の繰り返しスケジュールを設定します。
    詳しくは、「繰り返しスケジュール」を参照してください。

  5. 環境を設定したら、「保存」をクリックします。

デバイスの登録とディスプレイへのデバイスの割り当て registering-device

AEM ダッシュボードを使用してデバイスを登録します。

IMPORTANT
Chrome OS プレーヤーは、実際の Chrome プレーヤーデバイスがなくても、開発者モードで Chrome ブラウザープラグインとしてインストールできます。インストールについては、次の手順に従います。
  1. ここをクリックして、最新の Chrome プレーヤーをダウンロードします。
  2. 解凍してディスクに保存します。
  3. Chrome ブラウザーを開き、 拡張機能 メニューから、または直接に移動 chrome://extensions.
  4. をオンにする 開発者モード 右上隅から
  5. クリック 展開されたロード 左上隅から解凍した Chrome プレーヤーを読み込みます。
  6. チェック AEM Screens Chrome Player プラグイン（拡張機能のリストで使用可能な場合）。
  7. 新しいタブを開き、 アプリ アイコンを左上隅から選択するか、直接移動します chrome://apps.
  8. クリック AEM Screens Chrome プレーヤーを起動するためのプラグイン。 デフォルトでは、プレーヤーはフルスクリーンモードで起動します。押す Esc をクリックしてフルスクリーンモードを終了します。

Chrome OS プレーヤーがオンになったら、次の手順に従って Chrome デバイスを登録します。

  1. AEM インスタンスから、プロジェクトの​ デバイス ​フォルダーに移動します。

  2. 「」をクリックします デバイスマネージャ アクションバーから。

    画像

  3. 「」をクリックします デバイスの登録 右上から。

  4. 必要なデバイスをクリックし、 デバイスの登録.

    画像

  5. デバイスが登録コードを送信するのを待機し、同時に、Chrome デバイスで​ 登録コード ​を確認します。
    画像

  6. 次の場合 登録コード 両方のマシンで同じ場合は、 Validate をAEMで行います。

  7. デバイスの名前を「ChromeDeviceforDemo」に設定し、「登録」をクリックします。

    画像

  8. デバイス登録成功 ​ダイアログボックスで、「ディスプレイを割り当て」をクリックします。

    画像

  9. ディスプレイへのパスをクリックします DemoScreen > 場所 > TestLocation > LobbyDisplay をクリックして、 割り当て.

    画像

  10. デバイスが正常に割り当てられると、次の確認が表示されます。

    画像

  11. クリック 終了 をクリックして登録プロセスを完了します。 これで、ディスプレイ ダッシュボードから登録済みデバイスを表示できます。

    画像

Chrome Player でのコンテンツの表示 viewing-content-output

チャネル内のすべてのアセットが Chrome OS プレーヤーで再生されるようになりました。

下図では、AEM Screens チャネルのコンテンツを再生しています。

画像

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053