DocumentatieAEM as a Cloud ServiceHandboek

AEM Screens inschakelen voor uw demo-site enable-screens

Last update: Thu Aug 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Beheerder
  • Gebruiker
  • Ontwikkelaar

Leer de stappen die de volledige as a Cloud Service ervaring van AEM Screens op uw demo-site mogelijk maken.

NOTE
AEM Screens Demo vereist dat de invoegtoepassing Screens wordt toegevoegd aan het Cloud Manager-programma. Leer hoe met het Toevoegen van Screens als toe:voegen-op aan een Nieuw Programma in Cloud Managerhoe te om het toe te voegen.

Het verhaal tot nu toe story-so-far

In het vorige document van de AEM Toelating van de Demo's van de Verwijzing, creeerde de Plaats van de Demo van de Demo,u een demoplaats die op de malplaatjes van toe:voegen-op van de Demo van de Verwijzing wordt gebaseerd. Nu moet u:

  • Begrijp hoe te om tot het AEM auteursmilieu toegang te hebben.
  • Weet hoe u een site kunt maken op basis van een sjabloon.
  • Begrijp de grondbeginselen van het navigeren van de plaatsstructuur en het uitgeven van een pagina.

Nu u uw eigen demo-site hebt om te verkennen en de tools te begrijpen waarmee u uw demo-sites kunt beheren, kunt u de volledige as a Cloud Service ervaring van AEM Screens voor uw demo-sites inschakelen.

Doelstelling objective

De AEM Reference Demos Add-on bevat AEM Screens-inhoud voor We.Cafe, een verticaal bedrijf in een café. Dit document helpt u te begrijpen hoe u de Web.Cafe demo-instellingen kunt uitvoeren in de context van AEM Screens. Na het lezen moet u:

  • De basisbeginselen van AEM Screens kennen.

  • Begrijp de Web.Cafe demo-inhoud.

  • Weet hoe u AEM Screens for We.Cafe kunt configureren.

    • Weet hoe u een Screens-project voor We.Cafe kunt maken.
    • Een gesimuleerde weerservice configureren met Google Sheets en API's.
    • Simuleer dynamisch veranderende Screens-inhoud op basis van uw "weerservice".
    • Installeer en gebruik de schermspeler.

Screens begrijpen understand-screens

AEM Screens as a Cloud Service is een digitale signaaloplossing waarmee marketers dynamische digitale ervaringen op schaal kunnen creëren en beheren. Met AEM Screens as a Cloud Service kunt u aantrekkelijke en dynamische digitale signage-ervaringen creëren die bedoeld zijn om te worden gebruikt in openbare ruimten.

TIP
Voor de volledige details van AEM Screens as a Cloud Service, zie de Extra sectie van Middelenaan het eind van dit document.

Door de AEM Reference Demos Add-on te installeren, beschikt u automatisch over Web.Cafe-inhoud voor AEM Screens in uw demo-ontwerpomgeving. De stappen die in worden beschreven stellen een Project van Screens van de Manifestatiehelpen u de volledige ervaring van AEM Screens toelaten door die inhoud te publiceren en aan media spelers op te stellen, etc.

De demo-inhoud begrijpen demo-content

De We.Cafe-koffiewinkel bestaat uit drie winkels op drie locaties in de VS. Alle drie winkels hebben drie vergelijkbare ervaringen:

  • Een menukaart boven de teller met twee of drie verticale panelen
  • Een ingangsscherm dat de straat onder ogen ziet met een horizontaal of verticaal paneel dat klanten in de winkel uitnodigt
  • Een snelle zelfrangschikkende kioskcabine om de rij met één verticale tablet te mijden
NOTE
Alleen de ingangsweergave kan in de huidige versie van de demo worden getest. Andere weergaven volgen in een toekomstige versie.
De kiosk is niet opgenomen in de huidige versie van de demo. Het wordt in een toekomstige versie opgenomen.

De locatie in New York wordt verondersteld zich in een kleinere winkel te bevinden die niet veel ruimte heeft, en als zodanig:

  • Het menubord heeft slechts twee verticale panelen in plaats van drie voor San Francisco en San Jose
  • De ingangsweergave wordt verticaal in plaats van horizontaal geplaatst
NOTE
Als u besluit om met de Cloud Service van Screens in de Connect Screens as a Cloud Servicesectie te verbinden, creeer de plaatsen als omslagen onder vertoningen. Zie de Extra sectie van Middelenaan het eind van dit document voor meer informatie over vertoningen.

Cafe-indelingen care-layouts

De locaties Web.Cafe hebben de volgende lay-outs.

wij.Cafe lay-outs

NOTE
De metingen voor de schermen zijn in inches.

Entrance entrance

De ingangsweergave wordt dagelijks geparseerd en wijzigt alleen de eerste afbeelding van ochtend naar middag. Bij elke stap van de reeks wordt ook reclame gemaakt voor een ander speciaal koffiepreparaat, waarbij een gemeten ingesloten reeks wordt gebruikt om telkens een ander item af te spelen.

Het laatste beeld op de ingangskanalen wordt ook gericht (namelijk dynamisch veranderd) die op buitentemperatuur wordt gebaseerd, die zoals die in wordt beschreven kan worden gesimuleerd creëren Gesimuleerde Gegevens Sourcesectie.

Een demo Screens-project implementeren deploy-project

Om de demo inhoud in de zandbak te gebruiken die u in creeerde creeerde de stap van het Programma, moet een plaats worden gecreeerd gebaseerd op een malplaatje.

Als u nog geen de demoplaats van Web.Cafe hebt gecreeerd, volg eenvoudig de zelfde stappen zoals in creeer de Plaats van de Demosectie. Wanneer het selecteren van het malplaatje, kies eenvoudig het {Malplaatje 1} Web.Cafe van de Website.

wij.Cafe malplaatje

Nadat de wizard is voltooid, vindt u de inhoud die onder Sites is geïmplementeerd en kunt u navigeren en verkennen zoals u elke andere inhoud wilt.

wij.Cafe inhoud

Nu we Web.Cafe-demo-inhoud hebben, hebt u een keuze over hoe u AEM Screens wilt testen:

  • Als u slechts de inhoud binnen de console van AEM Sites wilt onderzoeken, eenvoudig beginnen en meer in de Extra Bronnensectie te ontdekken en te ontdekken! er is geen actie meer nodig .
  • Als u de volledige dynamische eigenschappen van AEM Screens wilt ervaren, ga aan de volgende sectie, dynamisch de Inhoud van Screens van de Verandering.

Screens-inhoud dynamisch wijzigen dynamically-change

Net als AEM Sites kan AEM Screens inhoud dynamisch wijzigen op basis van context. De Wij.Cafe demo heeft kanalen die worden gevormd om verschillende inhoud afhankelijk van de huidige temperatuur te tonen. Om deze ervaring te simuleren, moet u uw eigen eenvoudige weerdienst creëren.

Simulatiegegevens maken Source data-source

Omdat het moeilijk is het weer tijdens een demo of tijdens de test te veranderen, moeten temperatuurveranderingen worden gesimuleerd. Een weerdienst wordt gesimuleerd door een temperatuurwaarde in een spreadsheet van het Blad van Google op te slaan die de vraag ContextHub AEM om de temperatuur terug te winnen.

Google API-sleutel maken create-api-key

Ten eerste moet u een Google API-sleutel maken om de gegevensuitwisseling te vergemakkelijken.

  1. Meld u aan bij een Google-account.

  2. Open de Cloud Console met deze koppeling https://console.cloud.google.com .

  3. Creeer een project door de huidige projectnaam in top-left van de toolbar na het Google Cloud Platform etiket te klikken.

    Google Cloud Console

  4. In de dialoog van de projectselecteur, klik NIEUW PROJECT.

    Nieuw project

  5. Geef het project een naam en klik CREATE.

    creeer project

  6. Zorg ervoor dat uw nieuw project wordt geselecteerd en dan gebruikend het hamburgermenu in het dashboard van de Console van de Wolk, uitgezochte APIs & de Diensten.

    APIs en de Diensten

  7. In het linkerpaneel van het venster APIs & van de Diensten, klik Geloofsbrieven bij de bovenkant van het venster, dan klik CREËREN CREDENTIALS en API Sleutel.

    Geloofsbrieven

  8. Kopieer de nieuwe API-sleutel in het dialoogvenster en sla deze op voor later gebruik. Klik SLUITEN zodat kunt u de dialoogdoos weggaan.

Google Sheets API inschakelen enable-sheets

Als u de uitwisseling van Google Sheets-gegevens met behulp van uw API-sleutel wilt toestaan, moet u de Google Sheets API inschakelen.

  1. Terugkeer naar de Console van de Wolk van Google bij https://console.cloud.google.com voor uw project en gebruik dan het hamburger menu om APIs & de Diensten > Bibliotheek te selecteren.

    API bibliotheek

  2. In het scherm van de Bibliotheek API van API, rol om uw onderzoek naar Google Bladen API te vinden, dan het te klikken.

    API bibliotheekonderzoek

  3. In het Google Bladen API venster, klik ​ ​TOESTAAN.

    Google bladen API

Google-werkblad met bladen maken create-spreadsheet

Nu kunt u een Google Sheets-spreadsheet maken om uw weergegevens op te slaan.

  1. Ga naar https://docs.google.com en maak een Google-werkblad.

  2. Definieer de temperatuur door 32 in cel A2 in te voeren.

  3. Deel het document door Aandeel bij het hoogste recht van het venster te klikken en onder krijg verbinding, klik Verandering.

    Werkblad van het Aandeel

  4. Kopieer de koppeling voor de volgende stap.

    verbinding van het Aandeel

  5. Zoek de pagina-id.

    • De pagina-id is de willekeurige tekenreeks van tekens in de bladkoppeling die u na d/ en voor /edit hebt gekopieerd.

    • Bijvoorbeeld:

      • Als uw URL https://docs.google.com/spreadsheets/d/1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30/edit#gid=0 is
      • De pagina-id is 1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30 .

  6. Kopieer de pagina-id voor toekomstig gebruik.

Uw weerservice testen test-weather-service

Nu u uw gegevensbron hebt gemaakt als een Google Sheets-spreadsheet en toegang via API hebt ingeschakeld, test u deze om te controleren of uw "weerservice" toegankelijk is.

  1. Open een webbrowser.

  2. Voer de volgende aanvraag in en vervang de waarden van de blad-id en de API-sleutel die u eerder hebt opgeslagen.

    code language-none 
    https://sheets.googleapis.com/v4/spreadsheets/<yourSheetID>/values/Sheet1?key=<yourAPIKey>

  3. Als u JSON-gegevens ontvangt die vergelijkbaar zijn met de volgende, stelt u deze op de juiste wijze in.

    code language-json 
    {
  "range": "Sheet1!A1:Z1000",
  "majorDimension": "ROWS",
  "values": [
    [],
    [
      "32"
    ]
  ]
}

AEM Screens kan deze zelfde dienst gebruiken om tot de gesimuleerde weergegevens toegang te hebben die in de volgende stap wordt gevormd.

ContextHub configureren configure-contexthub

AEM Screens kan inhoud dynamisch wijzigen op basis van context. De manifestatie We.Cafe heeft kanalen die worden gevormd om verschillende inhoud afhankelijk van de huidige temperatuur te tonen door AEM te gebruiken ContextHub.

TIP
Voor de volledige details van ContextHub, zie de Extra sectie van Middelenaan het eind van dit document.

Wanneer de het scherminhoud wordt getoond, roept ContextHub uw weerdienst om de huidige temperatuur te vinden om te bepalen welke inhoud aan vertoning.

Voor demo-doeleinden kunnen de waarden in het blad worden gewijzigd. ContextHub erkent dit feit en de inhoud past in het kanaal volgens de bijgewerkte temperatuur aan.

  1. Voor de auteur AEMaaCS instantie, ga Globale Navigatie > Hulpmiddelen > Plaatsen > ContextHub.

  2. Selecteer de configuratiecontainer die de zelfde naam heeft zoals wat u het project gaf toen u het project van Screens van het Web.Cafe Malplaatje van de Website creeerde.

  3. Selecteer Configuratie > Configuratie ContextHub > de Bladen van Google dan daarna bij het hoogste recht klikken.

  4. De configuratie zou reeds JSON gegevens moeten hebben pre-gevormd. Er zijn twee waarden die moeten worden gewijzigd:

    1. Vervang [your Google Sheets id] met blad identiteitskaart die u eerderbewaarde.
    2. Vervang [your Google API Key] met de API sleutel die u eerderbewaarde.

  5. Klik sparen.

Nu kunt u de temperatuurwaarde in uw spreadsheet van Google veranderen en ContextHub werkt Screens dynamisch bij aangezien het "de weerverandering ziet."

Dynamische gegevens testen test-dynamic

Nu AEM Screens en ContextHub met uw weerdienst worden verbonden, kunt u het testen om te zien hoe de schermen inhoud dynamisch kunnen bijwerken.

  1. Toegang tot de instantie van de maker van de sandbox.

  2. Navigeer aan de plaatsenconsole via Globale Navigatie > Plaatsen en selecteer de volgende pagina Screens > <project-name> > Kanalen > Binnenkomt (Portret).

    Uitgezochte inhoud van het demoproject

  3. Klik uitgeven in de toolbar of typ de kortere wegsleutel e zodat kunt u de pagina uitgeven.

  4. In de redacteur, kunt u de inhoud zien. Eén afbeelding wordt in blauw gemarkeerd met een doelpictogram in de hoek.

    de inhoud van Screens in redacteur

  5. Wijzig de temperatuur die u hebt ingevoerd in het werkblad van 32 in 70 en bekijk de wijziging van de inhoud.

    de inhoud van Screens in redacteur

Op basis van de temperatuursverandering van een vriestemperatuur van 32°F (0°C) in een comfortabele 70°F (21°C) veranderde het aanbevolen beeld van een opwarmer theekopje in een koele, geijkte koffie.

IMPORTANT
Gebruik de beschreven Google Sheets-oplossing alleen voor demo-doeleinden. Adobe biedt geen ondersteuning voor het gebruik van Google Sheets voor productieomgevingen.

Connect Screens as a Cloud Service connect-screens

Als u ook een echte digitale handtekening wilt instellen, inclusief een speler die op een digitaal signaalapparaat of op uw computer wordt uitgevoerd, voert u de volgende stappen uit.

U kunt de demo ook eenvoudig voorvertonen in de Kanaaleditor op AEMaaCS.

TIP
Voor de volledige details van de Redacteur van het Kanaal, zie de Extra sectie van Middelenaan het eind van dit document.

AEM Screens as a Cloud Service configureren configure-screens

Eerst moet u de Screens-demo-inhoud publiceren naar AEM Screens as a Cloud Service en de service configureren.

  1. Publish de inhoud van uw demo screens project.

  2. Navigeer naar Screens as a Cloud Service op https://experience.adobe.com/screens en meld u aan.

  3. Rechtsboven in het scherm moet u controleren of u zich in de juiste organisatie bevindt.

    controleer uw Screens org

  4. Vlak de upper-left hoek, klik uitgeeft het pictogram van Montages, vormde als versnelling.

    geeft montages uit

  5. Verstrek URLs van auteur AEMaaCS en publiceer instanties waar u uw demoplaats creeerde en sparen klikt.

    Screens plaatsend

  6. Zodra Screens is verbonden met uw demo-instanties, wordt de inhoud van uw kanaal opgehaald. Klik Kanalen in het linkerpaneel zodat kunt u uw gepubliceerde kanalen zien. Het kan even duren voordat de informatie wordt ingevuld. U kunt de blauwe knoop van de Synchronisatie bij het hoogste recht van het scherm klikken om de informatie bij te werken.

    het kanaalinfo van de Demo

  7. Klik Vertoningen in het linkerpaneel. U hebt nog geen bestanden voor uw demo gemaakt. U kunt de locaties van Web.Cafe simuleren door voor elke locatie mappen te maken. Klik creëren bij het hoogste recht van het scherm en selecteren Omslag.

    creeer vertoning

  8. In de dialoogdoos, verstrek een omslagnaam zoals San Jose en klik creeer.

  9. Open de omslag door het te klikken en dan te klikken creeert bij top-right en selecteert Vertoning.

  10. Verstrek een vertoningsnaam en klik creëren.

    creeer vertoning

  11. Nadat de weergave is gemaakt, klikt u op de naam van de weergave om het scherm met weergavedetails te openen. Aan de weergave moet een kanaal worden toegewezen dat vanuit uw demosite is gesynchroniseerd. Klik toewijzen kanaal bij het hoogste recht van het scherm.

    detail van het Kanaal

  12. In de dialoog, selecteer het kanaal en klik toewijzen.

    wijs kanaal toe

U kunt deze stappen voor uw extra plaatsen en vertoningen herhalen. Na voltooiing hebt u een koppeling tot stand gebracht tussen uw demo-site en AEM Screens en hebt u de benodigde configuratie voltooid.

U kunt de demo eenvoudig voorvertonen in de Kanaaleditor op AEMaaCS.

Screens Player gebruiken screens-player

Als u de inhoud op een echt scherm wilt weergeven, kunt u de speler downloaden en lokaal instellen. AEM Screens as a Cloud Service levert de inhoud aan uw speler

Een registratiecode genereren registration-code

Eerst moet u een registratiecode maken om een speler veilig te verbinden met AEM Screens as a Cloud Service.

  1. Navigeer naar Screens as a Cloud Service op https://experience.adobe.com/screens en meld u aan.

  2. Rechtsboven in het scherm moet u controleren of u zich in de juiste organisatie bevindt.

    controleer uw Screens org

  3. In het linkerpaneel, klik Beheer van de Speler > Codes van de Registratie en klik dan creeer code bij het hoogste recht van het scherm.

de codes van de Registratie

  1. Ga een naam voor de code in en klik creeer.

    creeer code

  2. Nadat de code is gemaakt, wordt deze weergegeven in de lijst. Klik om de code te kopiëren.

    de code van de Registratie

Speler installeren en configureren install-player

  1. Download de speler voor uw platform vanaf https://download.macromedia.com/screens/ en installeer deze.

  2. Stel de speler in werking, dan schakelaar aan de Configuratie tabel.

  3. De rol aan de bodem, klikt en bevestigt dan zowel Terugstellen aan Factory en Verandering in de Wijze van de Wolk opties.

    montages van de Speler

  4. De speler verandert automatisch in de Registratie van de Speler tabel. Ga de code in die u eerder produceerde en klik Register.

    de registratie van de Speler

  5. Schakelaar aan het lusje van de Informatie van het Systeem om te bevestigen dat de speler is geregistreerd.

    Geregistreerde speler

Speler aan een Vertoning toewijzen assign-player

  1. Navigeer naar Screens as a Cloud Service op https://experience.adobe.com/screens en meld u aan.

  2. Rechtsboven in het scherm moet u controleren of u zich in de juiste organisatie bevindt.

    controleer uw Screens org

  3. In het linkerpaneel, klik het Beheer van de Speler > Players en u ziet de speler die u eerder installeerde en registreerde.

    Players

  4. Klik op de naam van de speler, zodat u de details kunt openen. Klik toewijzen aan vertoning in het hoogste recht van het scherm.

    wijs speler aan vertoning toe

  5. In de dialoogdoos, selecteer de vertoning die u eerder creeerde en klik dan Uitgezocht.

    wijs een vertoning toe

Afspelen! playback

Nadat u een weergave aan een speler hebt toegewezen, levert AEM Screens as a Cloud Service de inhoud aan de speler waar deze zichtbaar is.

Portret van de Ingang

Ingang landscape

Volgende functies what-is-next

Nu u dit deel van de AEM Invoegtoepassing van de Demo van de Verwijzing hebt voltooid zou u moeten:

  • De basisbeginselen van AEM Screens kennen.
  • Begrijp de Web.Cafe demo-inhoud.
  • Weet hoe u AEM Screens for We.Cafe kunt configureren.

U kunt nu de mogelijkheden van AEM Screens verkennen met uw eigen demo-sites. Ga aan de volgende sectie van de reis, leiden Uw Plaatsen van de Demo,voort waar u over de hulpmiddelen beschikbaar leert om u te helpen uw demoplaatsen beheren en hoe te om hen te verwijderen.

U kunt enkele extra middelen ook controleren beschikbaar in de Extra sectie van Middelenom meer over de eigenschappen te leren u in deze reis zag.

Aanvullende bronnen additional-resources

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab