You're viewing help content for version:

This section is a kickstart to AEM Screens and shows how to achieve basic actions. It walks you through setting up a basic digital signage experience with content/assets and publishing to a Screens player. For an in-depth understanding of all the components for Screens development, see the resources at the end of the page.

Creating a Digital Signage Experience in 5 minutes

The following steps allow you to create a sample project for Screens and publish content to Screens player.

  1. To download AEM Screens Player, click here.

    AEM Screens is also available in Google Play

    For implementation of Chrome OS Player, see Chrome Management Console for more information.

    See Installing and Configuring Screens for more details.

    Note:

    OSGI Settings

    You need to enable the empty referrer to allow the device to post data to the server. For example, if the empty referrer property is disabled, the device cannot post a screenshot back. Currently some of these features are only available if the Apache Sling Referrer Filter Allow Empty is enabled in the OSGI Config. The dashboard may display a warning that security settings may prevent some of these features from working.

    Follow the steps below to enable the Apache Sling Referrer Filter Allow Empty:

    1. Navigate to Adobe Experience Manager Web Console Configuration.
    2. Check the allow.empty option.
    3. Click Save.
    To learn more about the preceding steps in details, refer to the Prerequisites section in Configuring and Deploying AEM Screens.

  2. Creating a new project

    1. Select the Adobe Experience Manager link (top left) and then Screens. Alternatively, you can go directly to: http://localhost:4502/screens.html/content/screens.
    2. Click Create to create a new Screens project (see the figure below).
    3. Select Screens from the Create Screens Project wizard and click Next.
    4. Enter the title as Test_Project and click Create.
    chlimage_1

    Once the project is created, it brings you back to the Screens Project console. You can now select your project. In a project, there are five kind of folders namely Schedules, Locations, Applications, Devices and Channels, as shown in the figure below.

    Note:

    Schedules is only available if you have installed AEM 6.3 Sites Feature Pack 1. To get access to this Feature Pack, you must contact Adobe Support and request access. Once you have permissions you can download it from Package Share. 

    screen_shot_2019-03-04at85952am

    See Create and Manage Screens Project for more details.

  3. Creating a new channel

    Once you have your project in place, you need to create a new channel where you manage the content. 

    Follow the steps below to create a new channel for your project:

    1. Navigate to the Test_Project you created and select the Channels folder.
    2. Click Create from the action bar (see the figure below). A wizard will open.
    3. Choose the Sequence Channel and click Next.
    4. Enter the Name and Title as TestChannel and click Create.
    screen_shot_2019-03-04at90236am

    The TestChannel is created and added to your channels folder, as shown in the figure below.

    screen_shot_2019-03-04at90346am

    See Channel Management for more details on creating and managing channels.

  4. Adding Content to a Channel

    Once you have your channel in place, you need to add content to your channel that AEM Screens player will display. 

    Follow the steps below to add content to the channel (TestChannel) in your project:

    1. Navigate to the Test_Project you created and select the Channels folder.
    2. Click Edit from the action bar (see the figure below). The editor for the TestChannel opens.
    3. Click the icon that toggles side panel on left hand side of the action bar to open the assets and components.
    4. Drag and drop the components you want to add to your channel.
    screen_shot_2019-03-04at90507am

    In this example, the editor shows an image added to the channel.

    screen_shot_2019-03-04at90558am
  5. Creating a new location

    Once you have your channel in place, you need to create your location.

    Locations compartmentalise your various digital signage experiences and contains the configurations of the displays according to where the various screens are.

    Follow the steps below to create a new location for your project:

    1. Navigate to the Test_Project you created and select the Locations folder.
    2. Click Create next to the plus icon in the action bar (see the figure below). A wizard will open. 
    3. Select Location from the wizard and click Next.
    4. Enter the Name and Title for your location (enter the title as TestLocation) and click Create.
    screen_shot_2019-03-04at91021am

    The TestLocation is created and added to your Locations folder.

    screen_shot_2019-03-04at91117am
  6. Creating a new display for TestLocation

    Once you have created a location, you need to create a new display for your location.

    Displays represent the digital experience that run on one or multiple screens.

    1. Navigate to the location where you want to create your display (Test_Project --> Locations --> TestLocation) as shown in the figure above and selct TestLocation.
    2. Click Create from the action bar. 
    3. Select Display from the Create wizard and click Next.
    4. Enter Title for your display location (enter the title as TestDisplay).
    5. Click Create.

    A new display (TestDisplay) is added to your location TestLocation), as shown in the figure below.

    screen_shot_2019-03-04at91341am
  7. Adding a Schedule

    Schedules, in AEM Screens, lets you organise channels into re-usable groups so that you do not have to repeat their assignment individually for each display on which you want to show your content.

    Note:

    This Screens functionality is only available if you have installed AEM 6.3 Sites Feature Pack 1 or higher. To get access to this Feature Pack, you must contact Adobe Support and request access. Once you have permissions you can download it from Package Share. 

    1. Navigate to the Schedules folder from Test_Project --> Schedules.
    2. Click Create from the action bar. A wizard will open.
    3. Select Schedule from the Create wizard page.
    4. Enter the Title as MorningSchedule in the properties page.
    5. Click Create and schedule will be added to the Schedules folder, as shown in the figure below.
    screen_shot_2019-03-04at91836am

    Additionally, select the schedule (MorningSchedule) and click Dashboard from the action bar to view the schedules dashboard. You can view/change schedule's properties, assign channels, and view assigned displays using the dashboard.

    chlimage_1

    See Create and Manage Schedules to get detailed information on schedules.

  8. Assigning a channel

    1. Navigate to the display from Test_Project --> Locations --> TestLocation --> TestDisplay.
    2. Select TestDisplay and tap/click Assign Channel from the action bar, Or,
    3. Click Dashboard and select +Assign Channel at the top right from ASSIGNED CHANNELS & SCHEDULES panel, as shown in the figure below. Channel Assignment dialog box opens.
    4. Select Reference Channel by path.
    5. Select the Channel Path (Test_Project --> Channels --> TestChannel ) in the Channel. The Channel Role will be automatically populated with the channel name.
    6. Select the Priority for this channel as 1.
    7. Choose the Supported Events as Initial Load and Idle Screen.
    8. Enter Schedule and select the dates in active from and active until. (You need to fill these fields only if you want the channel to display for a particular interval of time.)
    9. Click Save.

    The channel is assigned and added to the panel.

    screen_shot_2019-03-04at92423am

    To learn more about Channel Assignment dialog box and the properties associated with it, see Channel Assignment.

  9. Adding Schedule to a Channel

    1. Navigate to the display from Test_Project --> Locations --> TestLocation --> TestDisplay.
    2. Click Dashboard and select +Assign Schedule at the top right from ASSIGNED CHANNELS & SCHEDULES panel, as shown in the figure above. Schedule Assignment dialog box opens.
    3. Choose the path where you created your schedule (here, Test_Project --> Schedules --> MorningSchedule).
    4. Click Save to add your schedule to your channel.
    screen_shot_2019-03-04at93309am
  10. Registering a device

    You need to register your device using the AEM dashboard.

    Note:

    You can open the Screens player using the AEM Screens app you downloaded or using the web browser.

    To view the pending device:

    1. Launch a separate browser window.
    2. Go to Screens player using the web browser or launch the AEM Screens app. When you open the device you will notice the device's state as unregistered. 
    3. From the AEM dashboard, navigate to Test_Project --> Devices
    4. Click Device Manager from the action bar.
    5. Click Device Registration and you will see the pending devices, as shown in the figure below.

    Note:

    If you are using AEM Screens Player as a ChromeOS extension, refer to the query under How to Install ChromeOS player as Chrome Browser Plugin in AEM Screens FAQs page.

    screen_shot_2019-03-04at94604am

    Select the device you want to register and click Register Device.

    screen_shot_2019-03-04at94641am

    You will need to validate the code by verifying the code from the web browser or AEM Screens player.

    Click Validate to navigate to Device Registration screen.

    screen_shot_2019-03-04at94738am

    Enter Title and click Register and the device will be registered.

    Click Finish to complete the device registration step.

    screen_shot_2019-03-04at94901am

    Clicking Finish returns you to the device page that displays unassigned and assigned devices.

    screen_shot_2019-03-04at94943am

    Note:

    The device you added displays as Not Assigned under Assigned status.

  11. Assigning the device to display

    Once you have registered the device, you need to assign the device to a display.

    Follow the steps below to assign a device:

    1. Select the device you want to assign.
    2. Click Assign Device from the action bar.
    3. Select the display path for your channel as /content/screens/Test_Project/Locations/TestLocation/TestDisplay.
    4. Click Assign.
    5. Click Finish to complete the process, and now the device is assigned.
    screen_shot_2019-03-04at95026am

    The display dashboard opens and you will see all the information related to assigned channels and schedules along with device config details.

    screen_shot_2019-03-04at95124am

Viewing the content in Screens Player

Once you have added the above configurations, the player should automatically show the default channel for the display on your device, for example an image (in this scenario, a sequence channel and the content is visible in Screens Player for web browser).

screen_shot_2019-03-04at95334am

See AEM Screens Player, to get more detailed information on AEM Screens player.

Additional Resources

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy