Conozca los pasos para habilitar la experiencia as a Cloud Service completa de AEM Screens en su sitio de demostración.
En el documento anterior del recorrido del complemento de las demostraciones de referencia de AEM, Crear sitio de demostración, ha creado un nuevo sitio de demostración basado en las plantillas del complemento Demostración de referencia. Ahora debería:
Ahora que tiene su propio sitio de demostración para explorar y comprender las herramientas disponibles para ayudarle a administrar sus sitios de demostración, puede habilitar la experiencia as a Cloud Service completa de AEM Screens para sus sitios de demostración.
El complemento AEM de demostraciones de referencia contiene contenido de AEM Screens para We.Cafe, un sector comercial de cafeterías. Este documento le ayuda a comprender cómo ejecutar la configuración de demostración de We.Cafe en el contexto de AEM Screens. Después de leer, debe:
AEM Screens as a Cloud Service es una solución de señalización digital que permite a los especialistas en marketing crear y administrar experiencias digitales dinámicas a escala. Con AEM Screens as a Cloud Service, puede crear experiencias de señalización digital atractivas y dinámicas que se pretendan consumir en espacios públicos.
Para obtener todos los detalles de AEM Screens as a Cloud Service, consulte la Recursos adicionales al final de este documento.
Al instalar el complemento Demostraciones de referencia de AEM, tendrá automáticamente el contenido de We.Cafe para AEM Screens disponible en su entorno de creación de demostración. Los pasos descritos en la sección Implementar un proyecto de Demo Screens le permite activar la experiencia completa de AEM Screens publicando ese contenido e implementando en reproductores de contenido, etc.
La cafetería We.Cafe está compuesta por tres tiendas en tres lugares en Estados Unidos. Las tres tiendas tienen tres experiencias similares:
Solo se puede probar la pantalla de entrada en la versión actual de la demostración. A continuación se mostrarán otras visualizaciones en una versión futura.
El quiosco no está incluido en la versión actual de la demostración. Se incluirá en una versión futura.
Se supone que la ubicación de Nueva York es en una tienda más pequeña que no tiene mucho espacio y, por lo tanto,:
Si decide conectarse al Cloud Service Screens en la Conectar Screens as a Cloud Service , cree las ubicaciones como carpetas en pantallas. Consulte la Recursos adicionales al final de este documento para obtener más información sobre las visualizaciones.
Las ubicaciones de We.Cafe tienen los siguientes diseños.
Las mediciones para las pantallas se expresan en pulgadas.
El mostrador de la entrada es diurno y cambia la primera imagen de la mañana a la tarde. En cada paso de la secuencia también anunciará una preparación especial para café diferente, usando una secuencia incrustada medida para reproducir un elemento diferente cada vez.
La última imagen de los canales de entrada también está dirigida (es decir, modificada dinámicamente) en función de la temperatura exterior, que se puede simular como se describe en la variable Crear una fuente de datos simulada para obtener más información.
Para utilizar el contenido de demostración en el simulador de pruebas creado en la variable Crear programa , un sitio debe crearse en función de una plantilla.
Si aún no ha creado un sitio de demostración de We.Cafe, simplemente siga los mismos pasos que en la Crear sitio de muestra para obtener más información. Al seleccionar la plantilla, simplemente elija el Plantilla de sitio web de We.Cafe.
Una vez completado el asistente, encontrará el contenido implementado en Sitios y puede navegar y explorar como lo haría con cualquier otro contenido.
Ahora que tiene contenido de demostración de We.Cafe, puede elegir cómo desea probar AEM Screens:
Al igual que AEM Sites, AEM Screens puede cambiar el contenido dinámicamente en función del contexto. La demostración de We.Cafe tiene canales configurados para mostrar contenido diferente según la temperatura actual. Para simular esto, tendremos que crear nuestro propio servicio meteorológico sencillo.
Dado que es muy difícil cambiar el clima durante una demostración o durante las pruebas, los cambios de temperatura deben simularse. Simularemos un servicio meteorológico almacenando un valor de temperatura en una hoja de cálculo de Google Sheet que AEM ContextHub llamará para recuperar la temperatura.
En primer lugar, tendremos que crear una clave de API de Google para facilitar el intercambio de datos.
Inicie sesión en una cuenta de Google.
Abra la consola de Cloud mediante este vínculo https://console.cloud.google.com
.
Para crear un nuevo proyecto, haga clic en el nombre del proyecto actual en la parte superior izquierda de la barra de herramientas, después de Google Cloud Platform etiqueta.
En el cuadro de diálogo selector de proyecto, haga clic en NUEVO PROYECTO.
Asigne un nombre al proyecto y haga clic en CREAR.
Asegúrese de que el nuevo proyecto esté seleccionado y, a continuación, utilizando el menú hamburguesa en el panel de la consola de Cloud, seleccione API y servicios.
En el panel izquierdo de la ventana API y servicios, haga clic en Credenciales en la parte superior de la ventana, haga clic en CREAR CREDENCIALES y Clave de API.
En el cuadro de diálogo , copie la nueva clave de API y guárdela para usarla más adelante. Haga clic en CERRAR para cerrar el cuadro de diálogo.
Para permitir el intercambio de datos de hojas de Google mediante la clave de API, debe habilitar la API de hojas de Google.
Vuelva a la consola de Google Cloud en https://console.cloud.google.com
para el proyecto y, a continuación, utilice el menú hamburguesa para seleccionar API y servicios -> Biblioteca.
En la pantalla Biblioteca de API, desplácese hasta encontrar nuestra búsqueda de API de hojas de Google. Haga clic en él.
En el API de hojas de Google clic en la ventana HABILITAR.
Ahora puede crear una hoja de cálculo de hojas de Google para almacenar los datos del tiempo.
Vaya a https://docs.google.com
y cree una nueva hoja de cálculo de hojas de Google.
Defina la temperatura introduciendo 32
en la celda A2.
Para compartir el documento, haga clic en Compartir en la parte superior derecha de la ventana y debajo de Obtener vínculo click Cambiar.
Copie el vínculo del paso siguiente.
Busque el ID de hoja.
d/
y antes /edit
.https://docs.google.com/spreadsheets/d/1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30/edit#gid=0
1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30
.Copie el ID de hoja para su uso futuro.
Ahora que ha creado su fuente de datos como hoja de cálculo de hojas de Google y ha habilitado el acceso mediante API, pruébelo para asegurarse de que el "servicio meteorológico" sea accesible.
Abra un explorador web.
Introduzca la siguiente solicitud, sustituyendo el ID de hoja y los valores de clave de API que guardó anteriormente.
https://sheets.googleapis.com/v4/spreadsheets/<yourSheetID>/values/Sheet1?key=<yourAPIKey>
Si recibe datos JSON similares a los siguientes, configúrelos correctamente.
{
"range": "Sheet1!A1:Z1000",
"majorDimension": "ROWS",
"values": [
[],
[
"32"
]
]
}
AEM Screens puede utilizar este mismo servicio para acceder a los datos meteorológicos simulados. Esto se configurará en el siguiente paso.
AEM Screens puede cambiar el contenido dinámicamente según el contexto. La demostración de We.Cafe tiene canales configurados para mostrar contenido diferente según la temperatura actual aprovechando AEM ContextHub.
Para obtener todos los detalles de ContextHub, consulte la Recursos adicionales al final de este documento.
Cuando se muestre el contenido de la pantalla, ContextHub llamará al servicio meteorológico para determinar la temperatura actual para determinar qué contenido mostrar.
Para fines de demostración, se pueden cambiar los valores de la hoja. ContextHub lo reconocerá y el contenido se ajustará en el canal según la temperatura actualizada.
[your Google Sheets id]
con el ID de hoja guardó anteriormente.[your Google API Key]
con la clave de API guardó anteriormente.Ahora puede cambiar el valor de temperatura en la hoja de cálculo de Google Sheet y ContextHub actualizará Screens dinámicamente ya que "ve el cambio climático".
Ahora que AEM Screens y ContextHub están conectados al servicio meteorológico, puede probarlo para ver cómo las pantallas pueden actualizar el contenido de forma dinámica.
Acceda a la instancia de autor del entorno limitado.
Vaya a la consola Sitios a través de Navegación global -> Sitios y seleccione la siguiente página Pantallas -> <project-name> -> Canales -> Mañana de entrada (Vertical).
Haga clic en Editar en la barra de herramientas o escriba la tecla de método abreviado e
para editar la página.
En el editor, puede ver el contenido. Tenga en cuenta que una imagen está iluminada en azul con un icono de objetivo en la esquina.
Cambie la temperatura introducida en la hoja de cálculo de 32 a 70 y observe cómo cambia el contenido.
En función de la temperatura que cambia de un congelador de 32°C a un cómodo de 21°C, la imagen destacada cambió de una taza de té caliente a un café frío.
Utilice únicamente la solución de hojas de Google descrita para fines de demostración. Adobe no admite el uso de hojas de Google para entornos de producción.
Si también desea configurar una experiencia de señalización digital real, incluido un reproductor que se ejecute en un dispositivo de señalización digital o en el equipo, siga los siguientes pasos.
Como alternativa, puede previsualizar la demostración simplemente en el Editor de canales en AEMaaCS.
Para obtener todos los detalles del Editor de canales, consulte la Recursos adicionales al final de este documento.
Primero, tendrá que publicar el contenido de la demostración de Screens en AEM Screens as a Cloud Service y configurar el servicio.
Publique el contenido del proyecto de pantallas de demostración.
Vaya a Pantallas as a Cloud Service en https://experience.adobe.com/screens
e inicie sesión.
En la parte superior derecha de la pantalla, compruebe que se encuentra en la organización correcta.
En la parte superior izquierda, haga clic en la Editar configuración , con forma de engranaje.
Proporcione las direcciones URL de las instancias de autor y publicación de AEMaaCS donde creó el sitio de demostración y haga clic en Guardar.
Una vez que se haya conectado a las instancias de demostración, Screens extraerá el contenido del canal. Haga clic en Canales en el panel izquierdo para ver los canales publicados. La información puede tardar un momento en rellenarse. Puede hacer clic en el icono azul Sincronización en la parte superior derecha de la pantalla para actualizar la información.
Haga clic en Visualizaciones en el panel izquierdo. Todavía no ha creado ninguno para la demostración. Simularemos las ubicaciones de We.Cafe creando carpetas para cada una. Haga clic en Crear en la parte superior derecha de la pantalla y seleccione Carpeta.
En el cuadro de diálogo, proporcione un nombre de carpeta como San José y haga clic en Crear.
Abra la carpeta haciendo clic en ella y, a continuación, haga clic en Crear en la parte superior derecha y seleccione Mostrar.
Proporcione un nombre para mostrar y haga clic en Crear.
Una vez creada la pantalla, haga clic en el nombre de la pantalla para abrir la pantalla de detalles de visualización. Se debe asignar un canal que se haya sincronizado desde el sitio de demostración. Haga clic en Asignar canal en la parte superior derecha de la pantalla.
En el cuadro de diálogo , seleccione el canal y haga clic en Asignar.
Puede repetir estos pasos para las ubicaciones y visualizaciones adicionales. Una vez finalizado, ha vinculado su sitio de demostración con AEM Screens y ha completado la configuración necesaria.
Puede previsualizar la demostración simplemente en el Editor de canales en AEMaaCS.
Para ver el contenido como en una pantalla real, puede descargar el reproductor y configurarlo localmente. AEM Screens as a Cloud Service enviará el contenido a su reproductor
En primer lugar, deberá crear un código de registro para conectar de forma segura un reproductor a AEM Screens as a Cloud Service.
Vaya a Pantallas as a Cloud Service en https://experience.adobe.com/screens
e inicie sesión.
En la parte superior derecha de la pantalla, compruebe que se encuentra en la organización correcta.
En el panel izquierdo, haga clic en Administración del reproductor -> Códigos de registro y haga clic en Crear código en la parte superior derecha de la pantalla.
Introduzca un nombre para el código y haga clic en Crear.
Una vez creado el código, aparece en la lista. Haga clic en para copiar el código.
Descargue el reproductor para su plataforma desde https://download.macromedia.com/screens/
e instálelo.
Ejecute el reproductor y cambie a la Configuración , desplácese hasta la parte inferior para hacer clic y confirmar ambos Restablecer a fábrica y luego Cambiar al modo de nube.
El reproductor cambiará automáticamente a Registro del reproductor pestaña . Introduzca el código que ha generado anteriormente y haga clic en Registro.
Cambie a la Información del sistema para confirmar que el reproductor se ha registrado.
Vaya a Pantallas as a Cloud Service en https://experience.adobe.com/screens
e inicie sesión.
En la parte superior derecha de la pantalla, compruebe que se encuentra en la organización correcta.
En el panel izquierdo, haga clic en Administración del reproductor -> Reproductores y verá el reproductor que instaló y registró anteriormente.
Haga clic en el nombre del reproductor para abrir sus detalles y, a continuación, haga clic en Asignar a visualización en la parte superior derecha de la pantalla.
En el cuadro de diálogo, seleccione la visualización que creó anteriormente y, a continuación, haga clic en Select.
Una vez que haya asignado una visualización a un reproductor, AEM Screens as a Cloud Service envía el contenido al reproductor donde está visible.
Ahora que ha completado esta parte del recorrido del complemento de demostración de referencia de AEM, debe:
Ya está listo para explorar las capacidades de AEM Screens con sus propios sitios de demostración. Continúe con la siguiente sección del recorrido, Administrar Los Sitios De Demostración, donde aprenderá sobre las herramientas disponibles para ayudarle a administrar sus sitios de demostración y cómo eliminarlos.
También puede consultar algunos de los recursos adicionales disponibles en la Sección Recursos adicionales para obtener más información sobre las funciones que ha visto en este recorrido.