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

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. Screen プロジェクトを作成」をクリックして、新しい Screens プロジェクトを作成します。タイトルに「DemoScreens」と入力し、「保存」をクリックします。

    画像

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

チャネルの作成 creating-channel

AEM Screens プロジェクト作成したら、コンテンツを管理するための新しいチャネルを作成する必要があります。

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

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

    画像

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

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

    画像

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

    画像

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

チャネルを作成したら、AEM Screens プレーヤーに表示するコンテンツをチャネルに追加する必要があります。

以下の手順に従って、プロジェクトのチャネル(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ロケーションTestLocationLobbyDisplay から、必要なディスプレイに移動します。

  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ロケーションTestLocationLobbyDisplay を選択し、「割り当て」をクリックします。

    画像

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

    画像

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

    画像

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

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

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

画像

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