キックスタートガイド kickstart-guide
AEM Screens のキックスタートで、AEM Screens プロジェクトの設定および実行方法について説明します。基本的なデジタルサイネージエクスペリエンスの設定、各チャネルへのアセットやビデオなどのコンテンツの追加、さらにそのコンテンツの AEM Screens Player への公開に関する手順を説明します。
前提条件 prerequisites
次の手順に従って、AEM Screens のサンプルプロジェクトを作成し、コンテンツを Screens Player に公開します。
デバイスからサーバーへのデータの投稿を許可するには、空のリファラーを有効にする必要があります。例えば、空のリファラーのプロパティが無効になっていると、デバイスからスクリーンショットを投稿できません。現在、これらの機能の一部は、OSGi 設定で Apache Sling Referrer Filter の Allow Empty 設定が有効になっている場合にのみ使用できます。ダッシュボードには、セキュリティ設定がこれらの機能の一部の動作を妨げる可能性があることを示す警告が表示される場合があります。
Apache Sling Referrer Filter の「Allow Empty」設定 を有効にするには、次の手順に従います。
空のリファラー要求の許可 allow-empty-referrer-requests
-
AEM インスタンスでハンマーアイコン/運営/Web コンソール をクリックして、「Adobe Experience Manager Web コンソール設定」に移動します。
-
Adobe Experience Manager Web コンソール設定 が開きます。「sling referrer」を検索します。
「sling referrer」プロパティを検索するには、Command + F キー(Mac)または Ctrl + F キー(Windows)を押します。
-
「Allow Empty」オプションをオンにします(下図を参照)。
-
「保存」をクリックして、Apache Sling Referrer Filter の「Allow Empty」を有効にします。
デジタルサイネージエクスペリエンスを 5 分で作成する creating-a-digital-signage-experience-in-minutes
AEM Screens プロジェクトの作成 creating-project
最初の手順は AEM Screens プロジェクトを作ることです。
-
Adobe Experience Manager(AEM)インスタンスに移動し、「Screens」をクリックします。または、
https://localhost:4502/screens.html/content/screens](https://localhost:4502/screens.html/content/screens
から直接アクセスすることもできます。 -
「Screen プロジェクトを作成」をクリックして、新しい Screens プロジェクトを作成します。タイトルに「DemoScreens」と入力し、「保存」をクリックします。
note note NOTE プロジェクトを作成すると、Screens プロジェクトホームページに戻ります。これでプロジェクトを選択できます。プロジェクトには、アプリケーション、チャネル、デバイス、ロケーション および スケジュール という 5 つの異なるフォルダーがあります。
チャネルの作成 creating-channel
AEM Screens プロジェクト作成したら、コンテンツを管理するための新しいチャネルを作成する必要があります。
以下の手順に従って、プロジェクトの新しいチャネルを作成します。
-
プロジェクトを作成したら、DemoScreens プロジェクトを選択し、以下の図のように、チャネル フォルダーを選択します。アクションバーの「+ 作成」をクリックします。
-
ウィザードで「シーケンスチャネル」を選択し、「次へ」をクリックします。
-
「タイトル」に「TestChannel」と入力し、「作成」をクリックします。
TestChannel がチャネルフォルダーに追加されます(下図を参照)。
チャネルへのコンテンツの追加 adding-content
チャネルを作成したら、AEM Screens プレーヤーに表示するコンテンツをチャネルに追加する必要があります。
以下の手順に従って、プロジェクトのチャネル(TestChannel)にコンテンツを追加します。
-
作成した DemoProject プロジェクトに移動し、チャネル フォルダーから TestChannel を選択します。
-
アクションバーの「編集」をクリックします(下図を参照)。TestChannel のエディターが開きます。
-
アクションバーの左側にあるサイドパネルを切り替えるアイコンをクリックし、アセットとコンポーネントを開きます。
-
チャネルに追加するコンポーネントをドラッグ&ドロップします。
ロケーションの作成 creating-location
チャネルを作成したら、ロケーションを作成する必要があります。
以下の手順に従って、プロジェクトの新しいロケーションを作成します。
-
作成した DemoProject プロジェクトに移動し、ロケーション フォルダーを選択します。
-
アクションバーの「+ 作成」をクリックします。
-
ウィザードから「ロケーション」を選択し、「次へ」をクリックします。
-
ロケーションの「名前」を入力し(タイトルには「TestLocation」と入力します)、「作成」をクリックします。
TestLocation が作成され、ロケーション フォルダーに追加されます。
ロケーション用ディスプレイの作成 creating-display
ロケーションを作成したら、ロケーションのための新しいディスプレイを作成する必要があります。
-
TestLocation に移動して選択します。
-
アクションバーの「作成」をクリックします。
-
作成 ウィザードから「ディスプレイ」を選択し、「次へ」をクリックします。
-
「タイトル」に「LobbyDisplay」と入力し、「作成」をクリックします。
以下の図に示すように、「TestDisplay」というタイトルの新しいディスプレイがロケーション「TestLocation」に追加されます。
チャネルの割り当て assigning-channel
プロジェクトの設定が完了したら、チャネルをディスプレイに割り当てて、コンテンツを表示する必要があります。
-
DemoScreens/ロケーション/TestLocation/LobbyDisplay から、必要なディスプレイに移動します。
-
アクションバーで「チャネルの割り当て」をタップまたはクリックします。
または、
アクションバーの「ダッシュボード」をタップまたはクリックし、「割り当てられたチャネルとスケジュール」パネルで「チャネルの割り当て」をクリックします。
-
「チャネル割り当て」ダイアログボックスが開きます。
-
「設定」オプションから、チャネルを パスで 選択し、「サポートされているイベント」として「初期ロード」と「待機中画面」を選択します。
note note NOTE 「チャネルロール」、「優先度」、「中断メソッド」は、すべてデフォルトで設定されます。チャネルの割り当てプロパティの詳細については、チャネルプロパティの節を参照してください。 また、「アクティベーションウィンドウ」と「繰り返しスケジュール」も選択できます。
note note NOTE 繰り返しスケジュール を使用すると、チャネルの定期的なスケジュールを設定できます。1 つのチャネルに対して、複数の繰り返しスケジュールを設定します。
詳しくは、「繰り返しスケジュール」を参照してください。 -
環境を設定したら、「保存」をクリックします。
デバイスの登録とディスプレイへのデバイスの割り当て registering-device
AEM ダッシュボードを使用して、デバイスを登録する必要があります。
- ここをクリックして、最新の Chrome プレーヤーをダウンロードします。
- 解凍してディスクに保存します。
- Chrome ブラウザーを開き、メニューから「拡張機能」を選択するか、chrome://extensions に直接移動します。
- 右上隅の「デベロッパーモード」をオンにします。
- 左上隅の「パッケージ化されていない拡張機能を読み込む」をクリックし、解凍した Chrome プレーヤーを読み込みます。
- AEM Screens Chrome Player プラグインが拡張機能の一覧にあれば、それをオンにします。
- 新しいタブを開き、左上隅の「アプリ」アイコンをクリックするか、chrome://apps に直接移動します。
- 「AEM Screens プラグイン」をクリックして、Chrome プレーヤーを起動します。デフォルトでは、プレーヤーはフルスクリーンモードで起動します。Esc キーを押すと、フルスクリーンモードが終了します。
Chrome OS プレーヤーがオンになったら、次の手順に従って Chrome デバイスを登録します。
-
AEM インスタンスから、プロジェクトの デバイス フォルダーに移動します。
-
アクションバーの「デバイスマネージャー」をタップまたはクリックします。
-
右上にある「デバイスの登録」をタップまたはクリックします。
-
目的のデバイスを選択し、「デバイスを登録」をタップまたはクリックします。
-
デバイスが登録コードを送信するのを待機し、同時に、Chrome デバイスで 登録コード を確認します。
-
両方のコンピューターの 登録コード が同じである場合は、AEM の「検証」をタップおよびクリックします。
-
デバイスの名前を「ChromeDeviceforDemo」に設定し、「登録」をクリックします。
-
デバイス登録成功 ダイアログボックスで、「ディスプレイを割り当て」をクリックします。
-
ディスプレイのパスとして DemoScreens/ロケーション/TestLocation/LobbyDisplay を選択し、「割り当て」をクリックします。
-
デバイスが正常に割り当てられると、次の確認が表示されます。
-
「完了」をタップまたはクリックして、登録プロセスを完了します。登録済みのデバイスがディスプレイダッシュボードに表示されます。
Chrome Player でのコンテンツの表示 viewing-content-output
チャネル内のすべてのアセットが Chrome OS プレーヤーで再生されるようになりました。
下図では、AEM Screens チャネルのコンテンツを再生しています。