Guide de démarrage rapide kickstart-guide

Cette section de démarrage rapide d’AEM Screens explique comment configurer et exécuter un projet AEM Screens. Elle vous guide tout au long des étapes nécessaires pour configurer une expérience de signalétique numérique de base et ajouter du contenu, tel que des ressources et/ou des vidéos, à chaque canal, puis publier le contenu sur un lecteur AEM Screens.

NOTE
Avant de commencer à travailler sur les détails du projet, assurez-vous d’avoir installé le dernier Feature Pack pour AEM Screens. Vous pouvez télécharger le dernier Feature Pack à partir du Portail de distribution de logiciels en utilisant votre Adobe ID.

Prérequis prerequisites

Suivez les étapes ci-dessous afin de créer un exemple de projet pour AEM Screens et de publier du contenu sur le lecteur Screens.

NOTE
Le tutoriel suivant présente la lecture du contenu de votre canal dans le lecteur Chrome OS.
IMPORTANT
Paramètres de configuration OSGi
Vous devez activer le référent vide pour autoriser le périphérique à publier des données sur le serveur. Par exemple, si la propriété de référent vide est désactivée, le périphérique ne pourra pas publier de capture d’écran. Actuellement, certaines de ces fonctions ne sont disponibles que si l’option Allow Empty d’Apache Sling Referrer Filter est activée dans la configuration OSGi. Le tableau de bord peut afficher un avertissement indiquant que les paramètres de sécurité peuvent empêcher l’utilisation de certaines de ces fonctions.
Pour activer l’option Allow Empty d’Apache Sling Referrer Filter, procédez comme suit :

Autorisation des requêtes de référents vides allow-empty-referrer-requests

  1. Accédez au gestionnaire de Configuration de la console web Adobe Experience Manager via l’instance AEM —> icône en forme de marteau —> Opérations —> Console web.

    image

  2. Configuration de la console web d’Adobe Experience Manager s’ouvre. Recherche de référent Sling.

    Pour rechercher la propriété référent Sling, appuyez sur Command+F pour Mac et Ctrl+F pour Windows.

  3. Cochez l’option Allow Empty comme illustré dans la figure ci-dessous.

    image

  4. Cliquez sur Save pour activer l’option Allow Empty d’Apache Sling Referrer Filter.

Création d’une expérience de signalétique numérique en 5 minutes creating-a-digital-signage-experience-in-minutes

Création d’un projet AEM Screens creating-project

La première étape consiste à créer un projet AEM Screens.

  1. Accédez à votre instance Adobe Experience Manager (AEM) et cliquez sur Screens. Vous pouvez également y accéder directement depuis https://localhost:4502/screens.html/content/screens](https://localhost:4502/screens.html/content/screens.

  2. Cliquez sur Créer un projet Screens pour créer un projet Screens. Saisissez le titre DemoScreens et cliquez sur Enregistrer.

    image

    note note
    NOTE
    Une fois le projet créé, il vous ramène à la page d’accueil du projet Screens. Vous pouvez sélectionner votre projet. Un projet comporte cinq dossiers différents intitulés Applications, Canaux, Appareils, Emplacements et Planifications.

Création d’un canal creating-channel

Une fois que vous avez créé votre projet AEM Screens, vous devez créer un canal destiné à gérer le contenu.

Pour créer un canal pour votre projet, procédez comme suit :

  1. Une fois que vous avez créé un projet, sélectionnez le projet DemoScreens et sélectionnez le dossier Canaux, comme illustré dans la figure ci-dessous. Cliquez sur + Créer dans la barre d’actions.

    image

  2. Sélectionnez le Canal de séquence dans l’assistant et cliquez sur Suivant.
    image

  3. Saisissez le titre TestChannel et cliquez sur Créer.

    image

    Le canal TestChannel est alors ajouté au dossier de canaux, comme illustré dans la figure ci-dessous.

    image

Ajout de contenu à un canal adding-content

Une fois que vous avez votre canal, vous devez y ajouter le contenu que le lecteur AEM Screens va afficher.

Suivez les étapes ci-dessous pour ajouter du contenu au canal (TestChannel) dans votre projet :

  1. Accédez au projet DemoProject que vous avez créé et sélectionnez le canal TestChannel dans le dossier de canaux.

  2. Cliquez sur Modifier dans la barre d’actions (voir la figure ci-dessous). L’éditeur de TestChannel s’ouvre.

    image

  3. Cliquez sur l’icône qui fait passer le panneau latéral du côté gauche de la barre d’actions pour ouvrir les ressources et les composants.

  4. Faites glisser et déposez les composants que vous souhaitez ajouter à votre canal.

    image

Création d’un emplacement creating-location

Une fois que vous disposez du canal, vous devez créer un emplacement.

NOTE
Les emplacements permettent de compartimenter vos diverses expériences de signalétique numérique et contiennent les configurations de leurs affichages en fonction de l’endroit où se trouvent les différents écrans.

Pour créer un emplacement pour votre projet, procédez comme suit :

  1. Accédez au projet DemoProject que vous avez créé et sélectionnez le dossier Emplacements.

  2. Cliquez sur + Créer dans la barre d’actions.

  3. Sélectionnez Emplacement dans l’assistant, puis cliquez sur Suivant.

  4. Saisissez le nom de votre emplacement (saisissez le titre TestLocation), puis cliquez sur Créer.

L’emplacement TestLocation est créé et ajouté à votre dossier Locations (Emplacements).

Création d’un affichage pour un emplacement creating-display

Une fois que vous avez créé un emplacement, vous devez créer un affichage pour celui-ci.

NOTE
L’affichage représente l’expérience numérique qui s’exécute sur un ou plusieurs écrans.
  1. Accédez à l’emplacement TestLocation et sélectionnez-le.

  2. Cliquez sur Créer dans la barre d’actions.

    image

  3. Sélectionnez Affichage à partir de l’assistant Créer et cliquez sur Suivant.

    image

  4. Saisissez le Titre LobbyDisplay et cliquez sur Créer.

    image

    Un nouvel affichage intitulé TestDisplay est ajouté à votre emplacement TestLocation, comme le montre la figure ci-dessous.

    image

Attribution d’un canal assigning-channel

Une fois le projet configuré, vous devez attribuer le canal à un affichage pour afficher le contenu.

  1. Accédez à l’affichage requis à partir de DemoScreens --> Emplacements --> TestLocation --> LobbyDisplay.

  2. Appuyez/cliquez sur Attribuer le canal dans la barre d’actions.

    image

    Ou,

    Appuyez/cliquez sur Tableau de bord dans la barre d’actions et cliquez sur +Attribuer le canal dans le panneau CANAUX ET PLANIFICATIONS AFFECTÉS.

    image

  3. La boîte de dialogue Attribution de canaux s’ouvre.

  4. À partir de l’option Paramètres, choisissez le canal par chemin et les Événements pris en charge Chargement initial et Écran inactif.

    note note
    NOTE
    Les champs Rôle du canal, Priorité et Méthodes d’interruption sont tous renseignés par défaut. Consultez la section Propriétés des canaux pour en savoir plus sur les propriétés d’attribution de canaux.

    image

    De plus, vous pouvez également sélectionner la Fenêtre d’activation et le Planning de périodicité.

    note note
    NOTE
    Le Planning de périodicité permet de définir une planification récurrente pour votre canal. Vous configurez plusieurs plannings de périodicité pour un canal.
    Pour plus d’informations, voir Planning de périodicité.
  5. Cliquez sur Enregistrer une fois vos préférences configurées.

Enregistrement d’un appareil et attribution d’un appareil à un affichage registering-device

Vous devez enregistrer votre appareil à l’aide du tableau de bord AEM.

IMPORTANT
Le lecteur Chrome OS peut être installé en tant que module du navigateur Chrome en mode Développeur sans que vous ayez à utiliser de lecteur Chrome. Pour l’installer, procédez comme suit :
  1. Cliquez ici pour télécharger la dernière version du lecteur Chrome.
  2. Décompressez et enregistrez le fichier d’installation sur le disque.
  3. Ouvrez le navigateur Chrome et sélectionnez Extensions dans le menu ou accédez directement à chrome://extensions.
  4. Activez le mode Développeur dans l’angle supérieur droit de l’écran.
  5. Cliquez sur Charger les fichiers décompressés dans l’angle supérieur gauche et chargez le lecteur Chrome décompressé.
  6. Vérifiez si le module Lecteur Chrome AEM Screens est disponible dans la liste des extensions.
  7. Ouvrez un nouvel onglet et cliquez sur l’icône Applications dans l’angle supérieur gauche de l’écran ou accédez directement à chrome://applications.
  8. Cliquez sur le module AEM Screens pour lancer le lecteur Chrome. Par défaut, le lecteur est lancé en mode plein écran. Appuyez sur Échap pour quitter le mode plein écran.

Une fois que votre lecteur Chrome OS est activé, suivez les étapes ci-dessous pour enregistrer un appareil Chrome.

  1. Accédez au dossier Appareils de votre projet à partir de votre instance AEM.

  2. Appuyez/cliquez sur Gestionnaire de périphériques dans la barre d’actions.

    image

  3. Appuyez/cliquez sur Enregistrement de périphérique en haut à droite.

  4. Sélectionnez l’appareil requis et appuyez/cliquez sur Enregistrer le périphérique.

    image

  5. Attendez que le périphérique envoie son code d’enregistrement et, simultanément, vérifiez le Code d’enregistrement depuis votre périphérique Chrome.
    image

  6. Si le code d’enregistrement est le même sur les deux machines, appuyez/cliquez sur Valider dans AEM.

  7. Définissez le nom souhaité ChromeDeviceforDemo pour l’appareil, puis cliquez sur Enregistrer.

    image

  8. Cliquez sur Attribuer l’affichage dans la boîte de dialogue Périphérique enregistré.

    image

  9. Sélectionnez le chemin d’accès à votre affichage via DemoScreens --> Emplacements --> TestLocation --> LobbyDisplay, puis cliquez sur Attribuer.

    image

  10. Une fois que l’appareil a été attribué, la confirmation suivante s’affiche.

    image

  11. Appuyez/cliquez sur Terminer pour terminer le processus d’enregistrement. Votre appareil enregistré devrait apparaître dans le tableau de bord des affichages.

    image

Affichage du contenu dans le lecteur Chrome viewing-content-output

Toutes les ressources de votre canal sont à présent en cours de lecture sur votre lecteur Chrome OS.

Félicitations, vous lisez maintenant du contenu dans un canal AEM Screens !

image

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