Show Menu
トピック×

キックスタートガイド

キックスタートからAEM Screensまででは、AEM Screensプロジェクトのセットアップおよび実行方法を実演します。 基本的なデジタルサイネージエクスペリエンスの設定、各チャネルへのアセットやビデオなどのコンテンツの追加、さらにそのコンテンツの AEM Screens Player への公開に関する手順を説明します。
プロジェクトの詳細に開始する前に、最新の機能パック(AEM Screens版)がインストールされていることを確認してください。 You can download the latest feature pack from the Software Distribution Portal using your Adobe ID.

前提条件

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

空のリファラー要求の許可

  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 分で作成する

AEM Screens プロジェクトの作成

最初のステップは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 」と入力し、「 保存 」をクリックします。
    プロジェクトを作成すると、Screens プロジェクトホームページに戻ります。これでプロジェクトを選択できます。プロジェクトには、 アプリケーション チャネル デバイス ロケーション ​および​ スケジュール ​という 5 つの異なるフォルダーがあります。

チャネルの作成

AEM Screensプロジェクトを作成したら、コンテンツを管理する新しいチャネルを作成する必要があります。
以下の手順に従って、プロジェクトの新しいチャネルを作成します。
  1. Once you create a project, select the DemoScreens project and select the Channels folder, as shown in the figure below. アクションバーの「 + 作成 」をクリックします。
  2. ウィザードで「 シーケンスチャネル 」を選択し、「 次へ 」をクリックします。
  3. タイトル 」に「 TestChannel 」と入力し、「 作成 」をクリックします。
    The TestChannel is now added to your channels folder, as shown in the figure below.

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

チャネルを設定したら、AEM Screensプレイヤーが表示するコンテンツをチャネルに追加する必要があります。
以下の手順に従って、プロジェクトのチャネル( TestChannel )にコンテンツを追加します。
  1. Navigate to the DemoProject you created and select the TestChannel from the Channels folder.
  2. アクションバーの「 編集 」をクリックします(下図を参照)。TestChannel ​のエディターが開きます。
  3. アクションバーの左側にあるサイドパネルを切り替えるアイコンをクリックし、アセットとコンポーネントを開きます。
  4. チャネルに追加するコンポーネントをドラッグ&ドロップします。

ロケーションの作成

チャネルを作成したら、ロケーションを作成する必要があります。
ロケーション ​は、様々なデジタルサイネージエクスペリエンスを区分するもので、各種スクリーンの場所に応じたディスプレイ設定が含まれています。
以下の手順に従って、プロジェクトの新しいロケーションを作成します。
  1. 作成した DemoProject プロジェクトに移動し、 ロケーション ​フォルダーを選択します。
  2. アクションバーの「 + 作成 」をクリックします。
  3. ウィザードから「 ロケーション 」を選択し、「 次へ 」をクリックします。
  4. ロケーションの「 名前 」を入力し(タイトルには「 TestLocation 」と入力します)、「 作成 」をクリックします。
TestLocation が作成され、 ロケーション ​フォルダーに追加されます。

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

ロケーションを作成したら、ロケーションのための新しいディスプレイを作成する必要があります。
Display represents the digital experience that run on one or multiple screens.
  1. TestLocation に移動して選択します。
  2. アクションバーの「 作成 」をクリックします。
  3. 作成 ​ウィザードから「 ディスプレイ 」を選択し、「 次へ 」をクリックします。
  4. タイトル 」に「 LobbyDisplay 」と入力し、「 作成 」をクリックします。
    以下の図に示すように、「 TestDisplay 」というタイトルの新しいディスプレイがロケーション「 TestLocation 」に追加されます。

チャネルの割り当て

プロジェクトの設定が完了したら、チャネルをディスプレイに割り当てて、コンテンツを表示する必要があります。
  1. DemoScreens ロケーション TestLocation LobbyDisplay から、必要なディスプレイに移動します。
  2. アクションバーで「 チャネルの割り当て 」をタップまたはクリックします。
    または、
    アクションバーの「 ダッシュボード 」をタップまたはクリックし、「 割り当てられたチャネルとスケジュール 」パネルで「 チャネルの割り当て 」をクリックします。
  3. チャネル割り当て 」ダイアログボックスが開きます。
  4. 設定 」オプションから、チャネルを​ パスで ​選択し、「 サポートされているイベント 」として「 初期ロード 」と「 待機中画面 」を選択します。
    チャネルロール 」、「 優先度 」、「 中断メソッド 」は、すべてデフォルトで設定されます。チャネルの割り当てプロパティの詳細については、 チャネルプロパティ の節を参照してください。
    また、「 アクティベーションウィンドウ 」と「 繰り返しスケジュール 」も選択できます。
    繰り返しスケジュール を使用すると、チャネルの定期的なスケジュールを設定できます。1 つのチャネルに対して、複数の繰り返しスケジュールを設定します。 詳しくは、「 繰り返しスケジュール 」を参照してください。
  5. 環境を設定したら、「 保存 」をクリックします。

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

AEM ダッシュボードを使用して、デバイスを登録する必要があります。
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. Wait for the device to send its registration code and simultaneously check the Registration Code from your Chrome device.
  6. 両方のコンピューターの​ 登録コード ​が同じである場合は、AEM の「 検証 」をタップおよびクリックします。
  7. デバイスの名前を「 ChromeDeviceforDemo 」に設定し、「 登録 」をクリックします。
  8. デバイス登録成功 ​ダイアログボックスで、「 ディスプレイを割り当て 」をクリックします。
  9. ディスプレイのパスとして DemoScreens ロケーション TestLocation LobbyDisplay を選択し、「 割り当て 」をクリックします。
  10. デバイスが正常に割り当てられると、次の確認が表示されます。
  11. 完了 」をタップまたはクリックして、登録プロセスを完了します。登録済みのデバイスがディスプレイダッシュボードに表示されます。

Chrome Player でのコンテンツの表示

チャネル内のすべてのアセットが Chrome OS プレーヤーで再生されるようになりました。
下図では、AEM Screens チャネルのコンテンツを再生しています。