Conozca los pasos para habilitar la experiencia completa de AEM Screens as a Cloud Service en su sitio de demostración.
La demostración de AEM Screens requiere que se añada el complemento Screens al programa Cloud Manager. Aprender aquí cómo se agrega.
En el documento anterior del recorrido del complemento de demostraciones de referencia de AEM, Creación de un sitio de demostración, ha creado un nuevo sitio de demostración basado en las plantillas del complemento de demostraciones de referencia. Ahora debería hacer lo siguiente:
Ahora que tiene su propio sitio de demostración para explorar y comprender las herramientas disponibles para ayudarle a administrar este tipo de sitios, puede habilitar la experiencia completa de AEM Screens as a Cloud Service para ellos.
El complemento de demostraciones de referencia de AEM tiene 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, debería haber logrado lo siguiente:
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 pensadas para consumirse en espacios públicos.
Para obtener todos los detalles de AEM Screens as a Cloud Service, consulte los Recursos adicionales al final de este documento.
Al instalar el complemento de 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 Implementación de un proyecto de Screens de demostración le permite activar la experiencia completa de AEM Screens publicando ese contenido e implementándolo en reproductores de medios, etc.
We.Cafe abarca tres cafeterías en tres lugares de los Estados Unidos. Las tres tienen tres experiencias similares:
Solo se puede probar la visualización de entrada en la versión actual de la demostración. Habrá 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. Por lo tanto:
Si decide conectarse al servicio en la nube de Screens en la sección Conexión de Screens as a Cloud Service, cree las ubicaciones como carpetas en visualizaciones. Consulte la sección 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.
La visualización de la entrada está dividida por el día y solo cambiará la primera imagen de la mañana a la tarde. En cada paso de la secuencia también anunciará una preparación especial de café diferente, con una secuencia incrustada medida para reproducir un elemento distinto 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 sección Creación de una fuente de datos simulada.
Para utilizar el contenido de demostración en la zona protegida creada en el paso Creación de un programa, debe crearse un sitio basado en una plantilla.
Si aún no ha creado un sitio de demostración de We.Cafe, solo tiene que seguir los mismos pasos que en la sección Creación de un sitio de muestra. Al seleccionar la plantilla, simplemente elija Plantilla del sitio web de We.Cafe.
Una vez se complete el asistente, encontrará el contenido implementado en Sites 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 de forma dinámica en función del contexto. La demostración de We.Cafe tiene canales configurados para mostrar contenido diferente según la temperatura del momento. Para simular esto, tendremos que crear un sencillo servicio meteorológico propio.
Dado que es muy difícil modificar 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 Hojas de cálculo de Google que ContextHub de AEM 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 la etiqueta Google Cloud Platform.
En el cuadro de diálogo selector de proyecto, haga clic en PROYECTO NUEVO.
Asigne un nombre al proyecto y haga clic en CREAR.
Asegúrese de que el proyecto nuevo esté seleccionado y, a continuación, utilizando el menú de hamburguesa del 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, 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 cálculo de Google mediante la clave de API, debe habilitar la API de Hojas de cálculo 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ú de 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 cálculo de Google. Haga clic en ella.
En la ventana API de Hojas de cálculo de Google, haga clic en HABILITAR.
Ahora puede crear una hoja de cálculo de Hojas de cálculo 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 cálculo 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, haga clic en Cambiar.
Copie el vínculo para el paso siguiente.
Busque el ID de hoja.
d/
y antes de /edit
.https://docs.google.com/spreadsheets/d/1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30/edit#gid=0
1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30
.Copie el ID de hoja para uso futuro.
Ahora que ha creado su fuente de datos como hoja de cálculo de Hojas de cálculo de Google y ha habilitado el acceso mediante API, pruébelo para asegurarse de que el "servicio meteorológico" sea accesible.
Abra un navegador 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, lo ha configurado 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 ContextHub de AEM.
Para obtener todos los detalles de ContextHub, consulte la sección de Recursos adicionales al final de este documento.
Cuando se muestre el contenido de la pantalla, ContextHub llamará al servicio meteorológico para obtener la temperatura actual y 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 que guardó anteriormente.[your Google API Key]
con la clave de API que guardó anteriormente.Ahora puede cambiar el valor de temperatura en la hoja de cálculo de Hojas de cálculo de Google y ContextHub actualizará Screens dinámicamente a medida que "observa cambios metereológicos".
Ahora que AEM Screens y ContextHub están conectados al servicio meteorológico, puede probarlos para ver cómo las pantallas pueden actualizar el contenido de forma dinámica.
Acceda a la instancia de autor de la zona protegida.
Vaya a la consola Sitios a través de Navegación global -> Sitios y seleccione la siguiente página Screens -> <nombre-proyecto> -> Canales -> Entrada mañana (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 direcccionamiento en la esquina.
Cambie la temperatura introducida en la hoja de cálculo de 32 a 70 y observe cómo cambia el contenido.
Debido a que la temperatura cambió de 0 °C invernales a 21 °C primaverales, la imagen destacada cambió de una taza de té caliente a un café helado.
Utilice únicamente la solución de Hojas de cálculo de Google descrita para fines de demostración. Adobe no admite el uso de Hojas de cálculo 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 sección de 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 Screens de demostración.
Vaya a Screens 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 el icono Editar configuración, con forma de engranaje.
Proporcione las 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 botón azul Sincronizar en la parte superior derecha de la pantalla para actualizar la información.
Haga clic en Pantallas en el panel izquierdo. Todavía no ha creado ninguna 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 Pantalla.
Proporcione un nombre 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 a la pantalla 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 pantallas adicionales. Una vez finalizado, habrá vinculado su sitio de demostración con AEM Screens y habrá 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 Screens 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 luego 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 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 pestaña Configuración, desplácese hasta la parte inferior para hacer clic y confirmar tanto Restablecer las propiedades de fábrica como Cambiar al modo de nube.
El reproductor cambiará automáticamente a la pestaña Registro del reproductor. Introduzca el código que ha generado anteriormente y haga clic en Registrar.
Cambie a la pestaña Información del sistema para confirmar que el reproductor se ha registrado.
Vaya a Screens 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 la pantalla en la parte superior derecha de la pantalla.
En el cuadro de diálogo, seleccione la pantalla que creó anteriormente y, a continuación, haga clic en Seleccionar.
Una vez que haya asignado una pantalla 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, podrá hacer lo siguiente:
Está listo para explorar las capacidades de AEM Screens con sus propios sitios de muestra. Continuar con la siguiente sección del recorrido, Administrar los sitios de muestra, donde aprenderá sobre las herramientas disponibles para ayudarle a administrar sus sitios de muestra y cómo eliminarlos.
También puede consultar algunos de los recursos adicionales disponibles en la sección de Recursos adicionales para obtener más información sobre las funciones que ha visto en este recorrido.