現在表示中:

この節では、AEM Screens を使用しながら、基本的なアクションの実行方法を説明します。コンテンツやアセットを使用した基本的なデジタルサイネージエクスペリエンスをセットアップし、Screens Player に公開する方法を順を追って説明します。Screens 開発のすべてのコンポーネントに関する詳細情報は、このページの最後にあるリソースを参照してください。

デジタルサイネージエクスペリエンスを 5 分で作成する

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

  1. Screens Player のインストール

    3 種類(iOS、OS X および Android 向け)のプレーヤーがあります。

    AEM Screens Player をダウンロードするには、こちらをクリックしてください。

    また、AEM Screens は iTunes App Store および Google Play Store でも入手できます。

    詳細については、Screens のインストールおよび設定を参照してください。

    注意:

    OSGi 設定

    デバイスからサーバーへのデータの送信を許可するには、空のリファラーを有効にする必要があります。例えば、空のリファラーのプロパティが無効になっていると、デバイスからスクリーンショットを返送できません。現在、これらの機能の一部は、OSGI 設定で Apache Sling リファラーフィルターの Allow Empty 設定が有効になっている場合にのみ使用できます。ダッシュボードには、セキュリティ設定がこれらの機能の一部の動作を妨げる可能性があることを示す警告が表示される場合があります。

    Apache Sling リファラーフィルターの Allow Empty 設定を有効にするには、次の手順を実行します。

    1. Adobe Experience Manager Web コンソールの設定に移動します。
    2. allow.empty」オプションをオンにします。
    3. 保存」をクリックします。

  2. 新しいプロジェクトの作成

    1. Adobe Experience Manager リンク(左上)を選択し、Screens を選択します。または、http://localhost:4502/screens.html/content/screens から直接アクセスすることもできます。
    2. 作成」をクリックして、新しい Screens プロジェクトを作成します(以下の図を参照)。
    3. Screens プロジェクトの作成ウィザードで「スクリーン」を選択し、「次へ」をクリックします。
    4. タイトルに Test_Project と入力し、「作成」をクリックします。
    chlimage_1

    プロジェクトが作成されると、Screens プロジェクトコンソールに戻ります。これでプロジェクトを選択できます。プロジェクトには、以下の図に示すように、アプリケーションチャネルデバイスロケーションおよびスケジュールという名前の 5 種類のフォルダーがあります。

    注意:

    スケジュールは、AEM 6.3 Sites 機能パック 1 がインストールされている場合にのみ使用できます。この機能パックにアクセスするには、アドビサポートに連絡してアクセス権をリクエストする必要があります。アクセス権が付与されると、パッケージ共有から機能パックをダウンロードできるようになります。 

    chlimage_1

    詳細については、Screens でのプロジェクトの作成および管理を参照してください。

  3. 新しいチャネルの作成

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

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

    1. 作成した Test_Project に移動し、チャネルフォルダーを選択します。
    2. アクションバーから「作成」をクリックします(以下の図を参照)。ウィザードが開きます。
    3. シーケンスチャネル」を選択し、「次へ」をクリックします。
    4. 名前」および「タイトル」に TestChannel と入力し、「作成」をクリックします。
    chlimage_1

    以下の図に示すように、TestChannel が作成され、チャネルフォルダーに追加されます。

    chlimage_1

    チャネルの作成および管理について詳しくは、チャネル管理を参照してください。

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

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

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

    1. 作成した Test_Project に移動し、チャネルフォルダーを選択します。
    2. アクションバーから「編集」をクリックします(以下の図を参照)。TestChannel のエディターが開きます。
    3. アクションバーの左側にあるサイドパネルを切り替えるアイコンをクリックし、アセットとコンポーネントを開きます。
    4. チャネルに追加するコンポーネントをドラッグ&ドロップします。
    chlimage_1

    この例では、チャネルに追加された画像がエディターに表示されます。

    chlimage_1
  5. 新しいロケーションの作成

    チャネルを作成したら、ロケーションを作成する必要があります。

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

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

    1. 作成した Test_Project に移動し、ロケーションフォルダーを選択します。
    2. アクションバーで、プラスアイコンの隣にある「作成」をクリックします(以下の図を参照)。ウィザードが開きます。
    3. ウィザードから「ロケーション」を選択し、「次へ」をクリックします。
    4. ロケーションの「名前」と「タイトル」を入力し(タイトルには TestLocation と入力します)、「作成」をクリックします。
    chlimage_1

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

    chlimage_1
  6. TestLocation の新しいディスプレイの作成

    ロケーションを作成したら、ロケーションのための新しいディスプレイを作成する必要があります。

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

    1. 上記の図に示すように、ディスプレイを作成するロケーションに移動し(Test_ProjectロケーションTestLocation)、「TestLocation」を選択します。
    2. アクションバーから「作成」をクリックします。
    3. 作成ウィザードから「表示」を選択し、「次へ」をクリックします。
    4. ディスプレイロケーションの「名前」および「タイトル」を入力します(タイトルには TestDisplay と入力します)。
    5. 表示」タブで、レイアウトの詳細を選択します。
      1. 解像度」で「フル HD」を選択します。
      2. デバイスの数 - 水平」に「1」を選択します。
      3. デバイスの数 - 垂直」に「1」を選択します。
    6. 作成」をクリックします。

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

    chlimage_1
  7. スケジュールの追加

    AEM Screens でスケジュールを使用すると、複数のチャネルを再使用可能なグループに編成できるので、コンテンツを表示する各ディスプレイに個別に割り当てをおこなう必要がなくなります。

    注意:

    この Screens 機能は、AEM 6.3 Sites 機能パック 1 がインストールされている場合にのみ使用できます。この機能パックにアクセスするには、アドビサポートに連絡してアクセス権をリクエストする必要があります。アクセス権が付与されると、パッケージ共有から機能パックをダウンロードできるようになります。

    1. Test_Project/スケジュールから、スケジュールフォルダーに移動します。
    2. アクションバーから「作成」をクリックします。ウィザードが開きます。
    3. 作成ウィザードページから「スケジュール」を選択します。
    4. プロパティページで、「名前」および「タイトル」に MorningSchedule と入力します。
    5. 作成」をクリックすると、以下の図に示すように、スケジュールフォルダーにスケジュールが追加されます。
    chlimage_1

    さらに、スケジュール(MorningSchedule)を選択し、アクションバーから「ダッシュボード」をクリックすると、スケジュールダッシュボードが表示されます。このダッシュボードを使用して、スケジュールのプロパティを表示/変更したり、チャネルを割り当てたり、割り当てられたディスプレイを表示したりできます。

    chlimage_1

    スケジュールについて詳しくは、スケジュールの管理を参照してください。

  8. チャネルの割り当て

    1. Test_ProjectロケーションTestLocationTestDisplay からディスプレイに移動します。
    2. TestDisplay」を選択して、アクションバーから「チャネルを割り当て」をタップ/クリックします。または、
    3. 以下の図に示すように、「ダッシュボード」をクリックし、割り当てられたチャネルとスケジュールパネルの右上にある「+ チャネルを割り当て」を選択します。チャネル割り当てダイアログボックスが開きます。
    4. チャネルロール」に LiveStream と入力します。
    5. パス参照チャネルを選択します。
    6. チャネル」で、チャネルパスTest_ProjectチャネルTestChannel)を選択します。
    7. このチャネルの「優先度」として 1 を選択します。
    8. サポートされているイベント」として「最初の読み込み」および「待機中画面」を選択します。
    9. スケジュール」を入力し、「次の日から有効」および「次の日まで有効」で日付を選択します。
    10. 保存」をクリックします。

    チャネルが作成されてパネルに追加されます。

    chlimage_1

    チャネル割り当てダイアログボックスおよび関連付けられているプロパティについて詳しくは、チャネルの割り当てを参照してください。

  9. チャネルへのスケジュールの追加

    1. Test_ProjectロケーションTestLocationTestDisplay からディスプレイに移動します。
    2. 以下の図に示すように、「ダッシュボード」をクリックし、割り当てられたチャネルとスケジュールパネルの右上にある「+ スケジュールを割り当て」を選択します。 スケジュールの割り当てダイアログボックスが開きます。
    3. スケジュールを作成した場所のパスを選択します(この場合は、Test_ProjectスケジュールMorningSchedule)。
    4. 保存」をクリックしてチャネルにスケジュールを追加します。
    chlimage_1
  10. デバイスの登録

    AEM ダッシュボードを使用して、デバイスを登録する必要があります。

    注意:

    Screens Player を開くには、ダウンロードした AEM Screens アプリケーションまたは Web ブラウザーを使用します。

    保留中のデバイスを表示するには:

    1. 別のブラウザーウィンドウを起動します。
    2. Web ブラウザーを使用して Screens Player にアクセスするか、AEM Screens アプリケーションを起動します。デバイスを開くと、デバイスの状態が未登録であることがわかります。
    3. AEM ダッシュボードから、Test_Projectデバイスに移動します。
    4. アクションバーから「デバイスマネージャー」をクリックします。
    5. デバイスの登録」をクリックすると、以下の図のように保留中のデバイスが表示されます。
    chlimage_1

    登録するデバイスを選択して、「デバイスを登録」をクリックします。

    chlimage_1

    Web ブラウザーまたは AEM Screens Player からコードを確認して、コードを検証する必要があります。

    検証」をクリックして、デバイスの登録画面に移動します。

    chlimage_1

    タイトル」に入力し、「登録」をクリックすると、デバイスが登録されます。

    完了」をクリックして、デバイス登録手順を完了します。

    chlimage_1

    完了」をクリックすると、未割り当てのデバイスと割り当て済みのデバイスを表示するデバイスページに戻ります。

    chlimage_1

    注意:

    追加したデバイスは、「割り当て済み」ステータスに「割り当てなし」として表示されます。

  11. ディスプレイへのデバイスの割り当て

    デバイスを登録したら、そのデバイスをディスプレイに割り当てる必要があります。

    以下の手順に従って、デバイスを割り当てます。

    1. 割り当てるデバイスを選択します。
    2. アクションバーから「デバイスを割り当て」をクリックします。
    3. チャネルのディスプレイのパスとして、/content/screens/Test_Project/ロケーション/TestLocation/TestDisplay を選択します。
    4. 割り当て」をクリックします。
    5. 完了」をクリックしてプロセスを完了します。デバイスが割り当てられます。
    chlimage_1

    ディスプレイダッシュボードが開き、割り当てられたチャネルとスケジュールに関するすべての情報や、デバイス設定の詳細が表示されます。

    screen_shot_2017-12-18at122041pm

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

以上の設定を追加すると、デバイス上のディスプレイのデフォルトチャネル(画像など)がプレーヤーに自動的に表示されます(このシナリオでは、Web ブラウザー用の Screens Player にシーケンスチャネルおよびコンテンツが表示されます)。

chlimage_1

AEM Screens Player について詳しくは、Screens Player での作業を参照してください。

その他のリソース

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー