DocumentatieAEMHandleiding AEM Screens

Layout meerdere zones multi-zone-layout

Last update: Wed Apr 10 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

  • Intermediate
  • Admin
  • Developer

De volgende pagina beschrijft het gebruik van lay-out met meerdere zones en behandelt de volgende onderwerpen:

  • Overzicht
  • Lay-out met meerdere zones maken
  • Vereisten
  • Enkelvoudige elementen in een of meer zones gebruiken
  • Gesegrafeerde inhoud gebruiken in een of meer zones

Overzicht overview

Layout meerdere zones Hiermee kunt u inhoud met meerdere zones maken en verschillende elementen gebruiken, zoals video's, afbeeldingen en tekst die in één scherm kunnen worden gecombineerd. U kunt afbeeldingen, video's en tekst aan elkaar trekken, zodat deze allemaal kunnen overvloeien en een intuïtieve digitale ervaring ontstaat.

Zoals bij de projectvereisten, soms hebt u veelvoudige streken in een kanaal nodig en geeft hen uit als één uitvoerige eenheid. Bijvoorbeeld, een productopeenvolging met een verwante sociale media voer die in drie afzonderlijke streken op één enkel kanaal loopt.

Vereisten prerequisites

Voordat u begint met het implementeren van deze functionaliteit, moet u de conceptuele kennis over:

Lay-out met meerdere zones maken creating-multi-zone-layout

Tijdens het maken van een kanaal kunt u verschillende sjablonen gebruiken om zones in uw kanaal te maken. U kunt één afbeelding, video of ingesloten kanaal toevoegen waarmee meerdere elementen in een reeks kunnen worden weergegeven.

Een kanaal maken

  1. Selecteer de Adobe Experience Manager-koppeling (linksboven) en Schermen. U kunt ook rechtstreeks naar: http://localhost:4502/screens.html/content/screens.

  2. Navigeren naar Kanalen map en klik op Maken in de actiebalk.

  3. Selecteren 1 x 2 gesplitst schermkanaal van de Maken wizard.

  4. Klikken Volgende en voert u de titel als MultiZone.

  5. Klikken Maken om het maken van het kanaal te voltooien.

Enkelvoudige elementen in een of meer zones gebruiken using-single-assets-in-one-or-more-zones

U kunt afzonderlijke elementen, zoals een afbeelding of een video, in alle afzonderlijke zones gebruiken. Volg de onderstaande stappen voor implementatie:

  1. Inhoud toevoegen aan het kanaal

    1. Navigeren naar Zones > Kanalen> MultiZone.
    2. Selecteer de MultiZone kanaal en klik Bewerken in de actiebalk.

  2. Afbeeldingen toevoegen aan het kanaal

    Als u één afbeelding of video in twee zones wilt afspelen, sleept u een afbeelding naar elke zone in de Kanaaleditor, zoals in de onderstaande afbeelding wordt getoond:

    afbeelding

Gesegrafeerde inhoud gebruiken in een of meer zones using-sequenced-content-in-one-or-more-zones

Als u wilt dat in de zones een reeks afbeeldingen en een video in de verschillende zones wordt weergegeven, volgt u onderstaande stappen voor meer informatie.

  1. Een kanaalmap maken

    1. Navigeren naar Zones > MultiZone > Kanalen en klik op Maken in de actiebalk.
    2. Selecteren Map Kanalen van de Maken wizard en klik op Volgende.
    3. Voer de titel in als Ingesloten kanalen en klik op Maken.

    screen_shot_2018-12-19at125428pm

  2. Twee kanalen toevoegen aan de kanaalmap

    1. Navigeren naar Zones > Kanalen > Ingesloten kanalen en klik op Maken in de actiebalk.
    2. Selecteren Volgekanaal van de Maken wizard om een kanaal te maken met de naam Zone1.
    3. Selecteren Zone1 en klik op Bewerken in de actiebalk.
    4. Sleep enkele afbeeldingen naar dit kanaal.
    5. Maak op dezelfde manier een ander volgnummer met de naam Zone2 in Ingesloten kanalen map.
    6. Sleep een video naar dit kanaal.

    De volgende afbeelding toont de kanalen Zone1 en Zone2:

    screen_shot_2018-12-19at125930pm

    De afbeeldingen die zijn toegevoegd aan de editor van Zone1 volgordekanaal wordt hieronder weergegeven:

    screen_shot_2018-12-19at125930pm

    De video die is toegevoegd aan de editor van Zone2 volgordekanaal wordt hieronder weergegeven:

    screen_shot_2018-12-19at125930pm

  3. Ingesloten reeksen (component) toevoegen aan hoofdkanaal (MultiZone)

    1. Navigeren naar Zones > Kanalen > MultiZone.

    2. Klikken Bewerken in de actiebalk.

    3. Sleep de Ingesloten reeks aan beide zones.

    4. Selecteer de ingesloten reeks in een van de zones.

    5. Klik op de knop Configureren (moersleutel) naar een van de ingesloten reeksen in de editor.

    6. Kanaalpad selecteren als Zones > Kanalen > Ingesloten kanalen > Zone1, zoals weergegeven in onderstaande afbeelding.

    7. Voeg op dezelfde manier de Zone2 naar een andere ingesloten reekscomponent in de editor.

      afbeelding

Een locatie en een weergave maken creating-location

Maak een locatie en een weergave zodat u de inhoud in de AEM Screens-speler kunt bekijken.

  1. Een locatie maken

    1. Navigeren naar Zones > Locaties map.
    2. Selecteer de Locaties map en selecteer Maken in de actiebalk.
    3. Selecteren Locatie van de Maken wizard en selecteert u Volgende.
    4. Voer de Titel als SanJose en selecteert u Maken.

  2. Weergave maken

    1. Navigeren naar Zones > Locaties map.
    2. Selecteer de SanJose locatie en selecteer Maken in de actiebalk.
    3. Selecteren Weergave van de Maken wizard en selecteert u Volgende.
    4. Voer de Titel als Lobby en selecteert u Maken.

Kanalen toewijzen aan de weergave channel-channel

Wijs de kanalen aan de vertoning toe om de inhoud te bekijken. Voer de onderstaande stappen uit om het kanaal aan de weergave toe te wijzen.

  1. Kanaal toewijzen aan de weergave

    1. Navigeren naar Zones > Locaties > SanJose> Lobby.

    2. Selecteer de Lobby weergeven en selecteren Kanaal toewijzen in de actiebalk.

    3. Voer het pad naar het MultiZone kanaal in Kanaalpad.

    4. Stel de Ondersteunde gebeurtenissen als Oorspronkelijke belasting, Niet-actief scherm, en Timer.

    5. Selecteren Opslaan.

      afbeelding

    6. U moet ook de andere twee ingesloten kanalen toewijzen (Zone1 en Zone2) op dit scherm.

    7. Nadat u alle drie de kanalen aan Lobby weergegeven, kunt u de toegewezen kanalen weergeven vanaf het weergavedashboard.

      afbeelding

      note important
      IMPORTANT
      Nadat u het hoofdkanaal hebt toegewezen (in dit geval MultiZone) aan het scherm toe te wijzen, is het verplicht de andere twee ingesloten kanalen toe te wijzen Zone1 en Zone2 ook op hetzelfde scherm.

Het apparaat registreren registering-device

Wanneer u een locatie en een weergave hebt ingesteld, voert u de onderstaande stappen uit om het apparaat te registreren en de weergave aan het apparaat toe te wijzen.

  1. Het apparaat registreren

    1. Navigeren naar Zones > Apparaten map.

    2. Selecteer de Apparaten map en selecteer Apparaatbeheer in de actiebalk.

    3. Selecteren Apparaatregistratie en selecteer het apparaat in behandeling in de lijst.

      note note
      NOTE
      De titel van het apparaat moet overeenkomen met het apparaattoken (Token veld) weergegeven in het dialoogvenster Apparaatregistratie tab.

    4. Als de titel overeenkomt met het apparaattoken, selecteert u het apparaat en selecteert u Apparaat registreren in de actiebalk.

    5. Als de registratiecode overeenkomt met de code in de Schermspeler Apparaatregistratie tab, selecteert u Valideren in de actiebalk.

      afbeelding

    6. Voer de Titel als Chrome-Device1 en selecteert u Registreren.

    7. Selecteren Weergave toewijzen en selecteer het pad naar de apparaatconfiguratie.

    note note
    NOTE
    Als u de inhoud probeert weer te geven in de Schermspeler, moet u Offline inhoud bijwerken van het kanaaldashboard voor elk van de kanalen die aan de vertoning worden toegewezen.

Het resultaat weergeven viewing-the-result

Wanneer u lay-outs met meerdere zones implementeert met behulp van de voorgaande stappen, wordt de volgende uitvoer weergegeven.

Controleer de schermspeler zodat u de uitvoer kunt bekijken die de inhoud in twee verschillende zones weergeeft. De linker- en rechterzones (beide gebruiken een ingesloten reeks als een component).

De linkerzone is een reekskanaal en de rechterzone bevat een video.

new2-1

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