ドキュメントAEMAEM Screens ガイド

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

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • 初心者
  • ユーザー

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. AEM インスタンス／ハンマーアイコン／操作／Web コンソール ​を使用して、Adobe Experience Manager 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. タイトルに「DemoScreens」と入力し、「保存」をクリックします。

    画像

    note note
    NOTE
    プロジェクトを作成すると、AEM Screens プロジェクトホームページに戻ります。これでプロジェクトをクリックできるようになりました。プロジェクトには、Applications、Channels、Devices、Locations および Schedules という 5 つの異なるフォルダーがあります。

チャネルの作成 creating-channel

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

以下の手順に従って、プロジェクトのチャネルを作成します。

  1. プロジェクトを作成したら、DemoScreens プロジェクトをクリックし、以下の図のように、Channels フォルダーをクリックします。アクションバーの「+ 作成」をクリックします。

    画像

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

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

    画像

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

    画像

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

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

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

  1. 作成した DemoProject に移動し、チャネル ​フォルダーから TestChannel をクリックします。

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

    画像

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

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

    画像

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

チャネルを作成したら、ロケーションを作成します。

NOTE
ロケーション ​は、様々なデジタルサイネージエクスペリエンスを区分するもので、各種スクリーンの場所に応じたディスプレイ設定が含まれています。

以下の手順に従って、プロジェクトのロケーションを作成します。

  1. 作成した DemoProject に移動し、ロケーション ​フォルダーをクリックします。
  2. アクションバーの「+ 作成」をクリックします。
  3. ウィザードから「ロケーション」、「次へ」の順にクリックします。
  4. ロケーションの「名前」を入力し（タイトルには「TestLocation」と入力します）、「作成」をクリックします。

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

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

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

NOTE
ディスプレイ ​は、1 つまたは複数のスクリーンで実行されるデジタルエクスペリエンスを表します。

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

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

    画像

  3. 作成 ​ウィザードから「ディスプレイ」をクリックし、「次へ」をクリックします。

    画像

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

    画像

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

    画像

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

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

  1. DemoScreens／ロケーション／TestLocation／LobbyDisplay から、必要なディスプレイに移動します。

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

    画像

    または、

    アクションバーの「ダッシュボード」をクリックし、割り当てられたチャネルとスケジュール ​パネルで「+ チャネルを割り当て」をクリックします。

    画像

  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. 両方のコンピューターの​ 登録コード ​が同じである場合は、AEM の「検証」をクリックします。

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

    画像

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

    画像

  9. ディスプレイのパスとして DemoScreens／ロケーション／TestLocation／LobbyDisplay をクリックし、「割り当て」をクリックします。

    画像

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

    画像

  11. 「完了」をクリックして、登録プロセスを完了します。登録済みのデバイスがディスプレイダッシュボードに表示されます。

    画像

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

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

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

画像

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