Lär dig hur du får en komplett as a Cloud Service AEM Screens-upplevelse på din demowebbplats.
AEM Screens Demo kräver att skärmtillägget läggs till i Cloud Manager-programmet. Läs här hur du lägger till det.
I det föregående dokumentet om AEM Reference Demos Add-on, Skapa demowebbplats, du skapade en demowebbplats baserat på mallarna för tillägget Referensdemo. Nu bör du:
Nu när du har en egen demosajt att utforska och förstår verktygen som hjälper dig att hantera dina demosajter kan du aktivera AEM Screens fullständiga as a Cloud Service upplevelse för dina demosajter.
Tillägget AEM Reference Demos innehåller AEM Screens-innehåll för We.Cafe, ett kaféföretag. Det här dokumentet hjälper dig att förstå hur du kör demokonfigurationen We.Cafe i AEM Screens. När du har läst bör du:
AEM Screens as a Cloud Service är en digital signeringslösning som gör det möjligt för marknadsförare att skapa och hantera dynamiska digitala upplevelser i stor skala. Med AEM Screens as a Cloud Service kan ni skapa engagerande och dynamiska digitala signeringsupplevelser som ska användas på offentliga platser.
Mer information om AEM Screens as a Cloud Service finns i Ytterligare resurser i slutet av dokumentet.
Genom att installera tillägget AEM Reference Demos får du automatiskt tillgång till Web.Cafe-innehåll för AEM Screens i din demoredigeringsmiljö. Stegen som beskrivs i Distribuera ett projekt för demonstrationsskärmar hjälper er att få ut det mesta av AEM Screens genom att publicera materialet och distribuera det till mediespelare osv.
Kaféet We.Cafe består av tre butiker på tre platser i USA. Alla tre butikerna har tre liknande upplevelser:
Det är bara entréskärmen som kan testas i den aktuella versionen av demonstrationen. Andra bildskärmar följer i en framtida version.
Kiosken ingår inte i den aktuella versionen av demon. Den kommer att ingå i en framtida version.
Platsen New York antas befinna sig i en mindre butik som inte har så mycket utrymme, och som sådan:
Om du bestämmer dig för att ansluta till Cloud Servicen Skärmar i Anslut skärmar as a Cloud Service skapar du platserna som mappar under visas. Se Ytterligare resurser i slutet av det här dokumentet om du vill ha mer information om hur det visas.
Platserna We.Cafe har följande layouter.
Mätningarna för skärmarna är i tum.
Ingångspresentationen är dagsdelad och ändrar bara den första bilden från morgon till eftermiddag. På varje omgång i sekvensen annonserar den även olika kaffepreparationer med hjälp av en inbäddad sekvens med datapriser för att spela upp olika objekt varje gång.
Den sista bilden på ingångskanalerna är också riktad (d.v.s. dynamiskt ändrad) baserat på den yttre temperaturen, som kan simuleras enligt beskrivningen i Skapa simulerad datakälla -avsnitt.
Så här använder du demoinnehåll i sandlådan som du skapade i Skapa program måste en plats skapas baserat på en mall.
Om du inte redan har skapat en demowebbplats för We.Cafe följer du bara samma steg som i Skapa demowebbplats -avsnitt. När du väljer mall väljer du bara Webbplatsmall för We.Cafe.
När guiden har slutförts hittar du innehållet som har distribuerats under Webbplatser och du kan navigera och utforska precis som annat innehåll.
Nu när du har demoinnehåll från We.Cafe kan du välja hur du vill testa AEM Screens:
På samma sätt som AEM Sites kan AEM Screens ändra innehåll dynamiskt baserat på sammanhang. Demon We.Cafe har kanaler som är konfigurerade att visa olika innehåll beroende på aktuell temperatur. Om du vill simulera den här upplevelsen måste du skapa en egen enkel vädertjänst.
Eftersom det är svårt att ändra vädret under en demonstration eller under testningen måste temperaturförändringarna simuleras. En vädertjänst simuleras genom att ett temperaturvärde lagras i ett Google Sheet-kalkylblad som AEM ContextHub anropar för att hämta temperaturen.
Först måste du skapa en Google API-nyckel för att underlätta datautbyte.
Logga in på ett Google-konto.
Öppna molnkonsolen med den här länken https://console.cloud.google.com
.
Skapa ett projekt genom att klicka på det aktuella projektnamnet längst upp till vänster i verktygsfältet efter Google Cloud Platform etikett.
Klicka på i projektväljardialogrutan NYTT PROJEKT.
Ge projektet ett namn och klicka på SKAPA.
Se till att ditt nya projekt är markerat och välj sedan hamburger-menyn på kontrollpanelen i molnkonsolen API:er och tjänster.
Klicka på i den vänstra panelen i fönstret API:er och tjänster Referenser längst upp i fönstret och klicka sedan på SKAPA AUTENTISERINGSUPPGIFTER och API-nyckel.
Kopiera den nya API-nyckeln i dialogrutan och spara den för senare bruk. Klicka STÄNG så att du kan stänga dialogrutan.
Om du vill tillåta utbyte av Google Sheets-data med API-nyckeln måste du aktivera Google Sheets API.
Återgå till Google Cloud Console på https://console.cloud.google.com
för ditt projekt och använd sedan hamburger-menyn för att välja API:er och tjänster > Bibliotek.
Bläddra till API-biblioteksskärmen för att hitta din sökning efter Google Sheets API och klicka sedan på den.
I Google Sheets API fönster, klicka AKTIVERA.
Nu kan du skapa ett Google-kalkylblad för att lagra dina väderdata.
Gå till https://docs.google.com
och skapa ett Google Sheets-kalkylblad.
Definiera temperaturen genom att ange 32
i cell A2.
Dela dokumentet genom att klicka Dela längst upp till höger i fönstret och under Hämta länk, klicka Ändra.
Kopiera länken till nästa steg.
Leta reda på blads-ID:t.
d/
och före /edit
.https://docs.google.com/spreadsheets/d/1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30/edit#gid=0
1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30
.Kopiera kalkylblads-ID:t för framtida bruk.
Nu när du har skapat datakällan som ett Google-kalkylblad och aktiverat åtkomst via API testar du det för att se till att vädertjänsten är tillgänglig.
Öppna en webbläsare.
Ange följande begäran och ersätt de tabell-ID och API-nyckelvärden som du sparade tidigare.
https://sheets.googleapis.com/v4/spreadsheets/<yourSheetID>/values/Sheet1?key=<yourAPIKey>
Om du tar emot JSON-data som liknar följande, konfigureras de korrekt.
{
"range": "Sheet1!A1:Z1000",
"majorDimension": "ROWS",
"values": [
[],
[
"32"
]
]
}
AEM Screens kan använda samma tjänst för att komma åt simulerade väderdata som konfigureras i nästa steg.
AEM Screens kan ändra innehåll dynamiskt baserat på sammanhang. Demon We.Cafe har kanaler konfigurerade att visa olika innehåll beroende på aktuell temperatur med hjälp av AEM ContextHub.
Mer information om ContextHub finns i Ytterligare resurser i slutet av dokumentet.
När skärminnehållet visas anropar ContextHub vädertjänsten för att hitta den aktuella temperaturen för att avgöra vilket innehåll som ska visas.
I demosyfte kan du ändra värdena i bladet. ContextHub känner igen detta och innehållet justeras i kanalen enligt den uppdaterade temperaturen.
[your Google Sheets id]
med det blad-ID som du sparade tidigare.[your Google API Key]
med API-nyckeln som du sparade tidigare.Nu kan du ändra temperaturvärdet i Google Sheet-kalkylbladet och ContextHub uppdaterar skärmar dynamiskt när det"ser väderändringen".
Nu när AEM Screens och ContextHub är anslutna till din vädertjänst kan du testa den för att se hur skärmar kan uppdatera innehåll dynamiskt.
Få åtkomst till din författarinstans för sandlådan.
Navigera till webbplatskonsolen via Global Navigation > Sites och välj följande sida Skärmar > <project-name> > Kanaler > Ingång morgon (stående).
Klicka Redigera i verktygsfältet eller skriv kortkommandot e
så att du kan redigera sidan.
I redigeraren kan du se innehållet. En bild markeras i blått med en målikon i hörnet.
Ändra temperaturen som du angett i kalkylbladet från 32 till 70 och se hur innehållet ändras.
Den aktuella bilden har ändrats från en varmt kopp te till ett kallt kaffe, baserat på att temperaturen har ändrats från en fryst 32°F (0°C) till en bekväm 21°C (70°F).
Använd endast den beskrivna Google Sheets-lösningen för demoändamål. Adobe stöder inte användning av Google Sheets för produktionsmiljöer.
Om du även vill skapa en riktig digital signeringsupplevelse, inklusive en spelare som körs på en digital signeringsenhet eller på datorn, följer du de här stegen.
Du kan också förhandsgranska demon i kanalredigeraren i AEMaaCS.
Mer information om kanalredigeraren finns i Ytterligare resurser i slutet av dokumentet.
Först måste du publicera ditt demoinnehåll för skärmar på AEM Screens as a Cloud Service och konfigurera tjänsten.
Publicera innehållet i ditt demoskärmsprojekt.
Navigera till as a Cloud Service skärmar på https://experience.adobe.com/screens
och logga in.
Kontrollera att du är i rätt ordning i skärmens övre högra hörn.
Klicka på i det övre vänstra hörnet Redigera inställningar -ikonen, formad som ett kugghjul.
Ange URL:er till AEMaaCS-författaren och publicera förekomster där du skapade demowebbplatsen och klicka på Spara.
När du väl är ansluten till dina demoinstanser drar skärmar igång kanalinnehållet. Klicka Kanaler i den vänstra panelen så att du kan se de publicerade kanalerna. Det kan ta en stund innan informationen har fyllts i. Du kan klicka på den blå Synkronisera längst upp till höger på skärmen för att uppdatera informationen.
Klicka Visar till vänster. Du har ännu inte skapat något för din demo. Du kan simulera platsen för We.Cafe genom att skapa mappar för varje. Klicka Skapa längst upp till höger på skärmen och välj Mapp.
Ange ett mappnamn, till exempel San Jose och klicka Skapa.
Öppna mappen genom att klicka på den och sedan klicka på Skapa längst upp till höger och välj Visa.
Ange ett visningsnamn och klicka på Skapa.
När visningen har skapats klickar du på visningsnamnet för att öppna skärmen med visningsinformation. Visningen måste tilldelas en kanal som har synkroniserats från din demowebbplats. Klicka Tilldela kanal längst upp till höger på skärmen.
Markera kanalen i dialogrutan och klicka på Tilldela.
Du kan upprepa de här stegen för ytterligare platser och visningar. När du är klar har du länkat din demowebbplats till AEM Screens och slutfört den nödvändiga konfigurationen.
Du kan enkelt förhandsgranska filmen i kanalredigeraren i AEMaaCS.
Om du vill visa innehållet som på en riktig skärm kan du hämta spelaren och konfigurera den lokalt. AEM Screens as a Cloud Service levererar materialet till spelaren
Först måste du skapa en registreringskod för att säkert ansluta en spelare till AEM Screens as a Cloud Service.
Navigera till as a Cloud Service skärmar på https://experience.adobe.com/screens
och logga in.
Kontrollera att du är i rätt ordning i skärmens övre högra hörn.
Klicka på i den vänstra panelen Player Management > Registration Codes och sedan klicka Skapa kod längst upp till höger på skärmen.
Ange ett namn för koden och klicka på Skapa.
När koden har skapats visas den i listan. Klicka för att kopiera koden.
Hämta spelaren för din plattform från https://download.macromedia.com/screens/
och installera det.
Kör spelaren och växla sedan till Konfiguration -fliken.
Rulla längst ned, klicka och bekräfta båda Återställ till fabrik och Ändra till molnläge alternativ.
Spelaren ändras automatiskt till Spelarregistrering -fliken. Ange koden som du skapade tidigare och klicka på Registrera.
Växla till Systeminformation för att bekräfta att spelaren har registrerats.
Navigera till as a Cloud Service skärmar på https://experience.adobe.com/screens
och logga in.
Kontrollera att du är i rätt ordning i skärmens övre högra hörn.
Klicka på i den vänstra panelen Spelarhantering > Spelare och du ser den spelare som du har installerat och registrerat tidigare.
Klicka på spelarens namn så att du kan öppna informationen om den. Klicka Tilldela för visning i skärmens övre högra hörn.
I dialogrutan väljer du den visning som du skapade tidigare och klickar sedan på Välj.
När du har tilldelat en skärm till en spelare skickar AEM Screens as a Cloud Service innehållet till spelaren där det är synligt.
Nu när du har slutfört den här delen av AEM Reference Demo Add-on ska du:
Nu är du redo att utforska möjligheterna i AEM Screens med dina egna demosajter. Fortsätt till nästa avsnitt av resan, Hantera dina demowebbplatser, där du får lära dig mer om de verktyg du kan använda för att hantera dina demowebbplatser och hur du tar bort dem.
Du kan även ta en titt på några av de tillgängliga resurserna i Avsnittet Ytterligare resurser om du vill veta mer om de funktioner du såg under den här resan.