Layout med flera zoner

På följande sida beskrivs användningen av layout med flera zoner och följande avsnitt beskrivs:

• Översikt
• Skapa layout med flera zoner
• Förutsättningar
• Använda enskilda resurser i en eller flera zoner
• Använda sekvensinnehåll i en eller flera zoner

Översikt

Layout med flera zoner I kan du skapa innehåll med flera zoner och använda olika resurser som videoklipp, bilder och text som kan kombineras på en enda skärm. Du kan lägga in bilder, videor och text som gör att allt kan smälta samman och skapa en intuitiv digital upplevelse.

Enligt projektkraven behöver du ibland flera zoner i en kanal och kan redigera dem som en enda heltäckande enhet. Till exempel en produktsekvens med en relaterad feed för sociala medier som körs i tre separata zoner på en enda kanal.

Förutsättningar

Innan du börjar implementera den här funktionen bör du kontrollera att du har de konceptuella kunskaperna om:

• Skapa ett AEM Screens-projekt
• Skapa en bildskärm
• Tilldela en kanal till en skärm

Skapa layout med flera zoner

När du skapar en kanal kan du använda olika mallar för att skapa zoner i kanalen. Du kan lägga till en bild, video eller en inbäddad kanal som gör att flera resurser kan visas i en sekvens.

Skapa en kanal

1. Klicka på länken Adobe Experience Manager (överst till vänster) och sedan Skärmar. Du kan också gå direkt till: http://localhost:4502/screens.html/content/screens.

2. Navigera till Kanaler mapp och klicka på Skapa i åtgärdsfältet.

3. Välj 1x2 Delad skärmkanal från Skapa guide.

4. Klicka Nästa och anger title as MultiZone.

5. Klicka Skapa för att slutföra kanalskapandet.

Använda enskilda resurser i en eller flera zoner

Du kan använda enstaka resurser som en bild eller en video i alla enskilda zoner. Följ stegen nedan för implementering:

1. Lägga till innehåll i kanalen

   1. Navigera till Zoner —> Kanaler—> MultiZone.
   2. Välj MultiZone kanal och klicka Redigera i åtgärdsfältet för att öppna redigeraren.

2. Lägga till bilder i kanalen

   Om du vill spela upp en enstaka bild eller en video i två zoner drar och släpper du bara en bild till varje zon i kanalredigeraren enligt bilden nedan:

   

Använda sekvensinnehåll i en eller flera zoner

Om du vill att zonerna ska visa bildsekvenser och en video i olika zoner följer du stegen nedan för mer information.

1. Skapa en kanalmapp

   1. Navigera till Zoner —> MultiZone —> Kanaler och klicka Skapa i åtgärdsfältet.
   2. Välj Mappen Kanaler från Skapa guide och klicka Nästa.
   3. Ange titeln som InbäddadeKanaler och klicka Skapa.

   

2. Lägga till ytterligare två kanaler i kanalmappen

   1. Navigera till Zoner —> Kanaler —> InbäddadeKanaler och klicka Skapa i åtgärdsfältet.
   2. Välj Sekvenskanal från Skapa guide för att skapa en kanal med namnet Zon1.
   3. Välj Zon1 och klicka Redigera i åtgärdsfältet för att öppna redigeraren.
   4. Dra och släpp några bilder i den här kanalen.
   5. Skapa en annan sekvenskanal med namnet som Zon2 in InbäddadeKanaler mapp.
   6. Dra och släpp en video i den här kanalen.

   I följande bild visas kanalerna Zon1 och Zon2:

   

   Bilderna som lagts till i redigeraren av Zon1 sekvenskanal visas nedan:

   

   Videon har lagts till i redigeraren av Zon2 sekvenskanal visas nedan:

   

3. Lägga till inbäddade sekvenser (komponent) i huvudkanalen (MultiZone)

   1. Navigera till Zoner —> Kanaler —> MultiZone.

   2. Klicka Redigera i åtgärdsfältet för att öppna redigeraren.

   3. Dra och släpp Inbäddad sekvens till båda zonerna.

   4. Markera den inbäddade sekvensen i någon av zonerna.

   5. Klicka på Konfigurera (skiftnyckel) till en av de inbäddade sekvenserna i redigeraren.

   6. Markera kanalbanan som Zoner —> Kanaler —> InbäddadeKanaler —> Zon1, vilket visas i figuren nedan.

   7. Lägg på samma sätt till Zon2 till en annan inbäddad sekvenskomponent i redigeraren.

      

Skapa en plats och en visning

Skapa en plats och en visning för att visa innehållet i skärmspelaren.

1. Skapa en plats

   1. Navigera till Zoner —> Platser mapp.
   2. Välj Platser mapp och klicka på Skapa i åtgärdsfältet.
   3. Välj Plats från Skapa guide och klicka Nästa.
   4. Ange Titel as SanJose och klicka Skapa.

2. Skapa en bildskärm

   1. Navigera till Zoner —> Platser mapp.
   2. Välj SanJose plats och klicka på Skapa i åtgärdsfältet.
   3. Välj Visa från Skapa guide och klicka Nästa.
   4. Ange Titel as Lobby och klicka Skapa.

Tilldela kanaler till visningen

Tilldela kanalerna till visningen för att visa innehållet. Följ stegen nedan för att tilldela kanalen till visningen.

1. Tilldela kanal till skärmen

   1. Navigera till Zoner —> Platser —> SanJose—> Lobby.

   2. Välj Lobby visa och klicka Tilldela kanal i åtgärdsfältet.

   3. Ange sökvägen till MultiZone kanal in Kanalsökväg.

   4. Ange Händelser som stöds as Inledande inläsning, Inaktiv skärm och Timer.

   5. Klicka Spara.

      

   6. På samma sätt måste du tilldela de andra två inbäddade kanalerna (Zon1 och Zon2) till denna skärm.

   7. När du har tilldelat alla tre kanalerna Lobby ska du kunna visa de tilldelade kanalerna från kontrollpanelen.

      

      VIKTIGT

      När du har tilldelat huvudkanalen (i det här fallet MultiZone) till skärmen är det obligatoriskt att tilldela de andra två inbäddade kanalerna Zon1 och Zon2 till samma skärm.

Registrerar enheten

När du har konfigurerat en plats och en skärm följer du stegen nedan för att registrera enheten och tilldela skärmen till enheten.

1. Registrerar enheten

   1. Navigera till Zoner —> Enheter mapp.

   2. Välj Enheter mapp och klicka på Enhetshanteraren i åtgärdsfältet.

   3. Klicka Enhetsregistrering och välj den väntande enheten i listan.

      OBSERVERA

      Enhetens titel måste matcha enhetstoken (Token fält) som visas i Enhetsregistrering -fliken.

      1. Om titeln matchar enhetstoken väljer du enheten och klickar på **Registrera enhet** i åtgärdsfältet.

   4. Om registreringskoden matchar koden i skärmspelaren Enhetsregistrering flik, klicka Validera i åtgärdsfältet.

      

   5. Ange Titel as Chrome-Device1 och klicka Registrera.

   6. Välj Tilldela visning och välj sökvägen till enhetskonfigurationen.

   OBSERVERA

   Om du försöker visa innehållet i skärmspelaren ska du klicka Uppdatera offlineinnehåll från kanalkontrollpanelen för var och en av de kanaler som är tilldelade visningen.

Visa resultatet

När du har implementerat layouter med flera zoner i de föregående stegen visas följande utdata.

Markera Skärmspelaren för att visa utdata som visar innehållet i två olika zoner. I den vänstra och högra zonen (båda används en inbäddad sekvens som en komponent).

Den vänstra zonen är en sekvenskanal och den högra zonen innehåller en video.