En este artículo, cubriremos la capacidad de OptiSigns para crear aplicaciones de noticias personalizadas utilizando la función OptiSync.
- Ejemplos de Noticias de SharePoint
- Cómo Configurar un Feed de Noticias Personalizado
Es común que las empresas compartan sus comunicaciones internas, incluyendo memorandos, noticias, anuncios y más a través de la intranet. La señalización digital aumentará la conciencia de los empleados sobre las noticias y anuncios publicados de la empresa.
Usando OptiSync, es posible crear una aplicación de noticias personalizada para mostrar las noticias de la empresa almacenadas en la intranet de su empresa. Esto se logra conectando una API de intranet con OptiSync y eligiendo qué datos mostrar en la aplicación OptiSigns Designer.
Crear feeds de noticias con OptiSync tiene una ventaja clave: usted tiene control total sobre la apariencia de su feed. Puede crear feeds que coincidan con la marca y las pautas de diseño de su empresa sin importar qué fuente de noticias use. Usaremos SharePoint aquí como ejemplo, pero puede usar cualquier cosa que se pueda ingresar como DataSource.
Antes de comenzar, será útil familiarizarse con algunos otros conceptos que serán importantes para comprender y que cubrimos en otros artículos:
- Cómo Integrar API y Publicar Datos de API a través de OptiSync
- Cómo Configurar el Mapeo de Datos Dinámicos a través de OptiSync
El artículo de API en particular proporcionará instrucciones detalladas sobre cómo emparejar una API y mostrar sus datos en pantalla con actualizaciones automáticas. Una vez que haya configurado su API y guardado sus datos como fuente de datos, puede crear algunos de los ejemplos a continuación usando la aplicación Designer.
El ejemplo principal abordado en este artículo serán las noticias de la empresa, pero esta función se puede usar para mucho más, incluyendo:
- Feeds RSS personalizados
- Feeds XML/JSON personalizados
- Sistemas de gestión de inventario
- Actualizaciones de punto de venta en múltiples ubicaciones
- Comunicaciones internas adicionales
- Otros sitios de noticias
Ejemplos de Noticias de SharePoint
A continuación se muestran algunos ejemplos usando SharePoint. Hay numerosas posibilidades sobre cómo diseñar y crear feeds de noticias atractivos usando noticias de SharePoint u otras aplicaciones de intranet.
Aquí hay algunos ejemplos:
Feed de Boletín
Este estilo permite mostrar varias historias de noticias a la vez. Las imágenes y el texto se toman directamente de la fuente de datos y se muestran usando OptiSync. Estos están configurados para actualizarse periódicamente cada 30 minutos.
Feed de Historia Individual
Este estilo permite destacar una sola historia. Usando la configuración del Repetidor, esto permitirá una lista rotativa de artículos de noticias destacados.
Cómo Configurar un Feed de Noticias Personalizado
Para configurar un feed de noticias personalizado, deberá seguir estos pasos:
- Configurar la Puerta de Enlace API Personalizada
- Mapear la API a un DataSource dentro de OptiSigns
- Crear un Feed de Noticias Usando OptiSigns Designer
Paso 1: Configuración de una Puerta de Enlace API Personalizada (Ejemplo de SharePoint)
Cubrimos la mayoría de los detalles de este paso en nuestra guía Cómo Integrar API y Publicar Datos de API a través de OptiSync. Consulte esa guía para un proceso paso a paso.
Sin embargo, hay algunos elementos que son específicos para conectarse a una API de SharePoint (o una variedad de recursos en Microsoft 365), que cubriremos aquí.
Elegir el Punto Final de URL Correcto para la Conexión de SharePoint
Hay numerosas opciones para conectarse a los puntos finales de API de SharePoint, y asegurarse de tener el correcto es fundamental para importar los datos correctos a OptiSigns. Haga clic aquí para obtener más información sobre Determinar los URI del punto final del servicio REST de SharePoint.
Para los propósitos de este ejemplo, usaremos el área de función "Site", lo que significa que el punto de acceso será:
https://{site_url}/_api/site
Autenticación de API de SharePoint usando OAuth 2.0 en Microsoft Azure
La autenticación para SharePoint se puede realizar usando diferentes métodos, pero OAuth 2.0 se ha convertido en el estándar recomendado. Para comenzar a usar OAuth 2.0, deberá registrar su aplicación en Azure Active Directory.
Una vez hecho esto, necesitará:
Estos son necesarios para la autenticación. Cualquier autenticación adicional se puede realizar en la etapa de Pre-Solicitud para obtener tokens de acceso. Estos tokens de autenticación deberán mantenerse actualizados: consulte el artículo de Microsoft sobre las credenciales de certificado de la plataforma de identidad para obtener más información.
Cuando se empareja con un valor "Accept", esto proporcionará autenticación para su solicitud de API. Necesitará los siguientes valores:
Authorization: "Bearer " + accessToken
Accept: "application/json;odata=verbose"
Estos valores deben ingresarse en la pestaña Header al configurar su solicitud de API:
Asegúrese de Enable this Request antes de pasar al siguiente paso.
Paso 2: Mapeo de la API a un DataSource
Cubrimos la mayoría de los detalles de este paso en nuestro artículo Cómo Configurar el Mapeo de Datos Dinámicos a través de OptiSync. Si se importa correctamente, sus datos aparecerán en formato JSON, así:
Sus historias de noticias tendrán conjuntos de datos similares si está siguiendo esta guía. Los campos de datos más importantes son:
- "Title"
- "Description"
- "Banner Image URL"
- Ingresar esta URL mostrará la imagen del banner.
| NOTA |
| También querrá tomar nota del valor de datos "PromotedState". Estos serán útiles para aplicar filtros más adelante. También se pueden hacer uso de otros valores con Filtros, si así lo desea. |
Paso 3: Creación de un Feed de Noticias Usando Designer en OptiSigns
El siguiente paso es mostrar estos valores en sus pantallas y hacer que se actualicen automáticamente.
Para comenzar, encuentre su diseño o cree uno nuevo en la pestaña Files/Assets.
Con el diseño abierto, haga clic en "DataSource" en la columna de la izquierda. Luego, haga clic en "Add DataSource" para agregar una fuente de datos API al diseño.
Desplácese hacia abajo hasta donde dice "API Gateway" y haga clic en él.
También puede configurar una puerta de enlace de múltiples tiempos con la API Gateway Collection. Para este ejemplo, nos quedaremos con la API Gateway de uso único.
Debería ver esta pantalla:
- Name - El nombre del DataSource. Esto es de uso interno y no se mostrará en sus pantallas.
- Select APIs - Aquí seleccionará de las Puertas de Enlace API que ya ha configurado en pasos anteriores. Puede seleccionar solo una, o múltiples. Si se seleccionan múltiples, el API DataSource las agregará automáticamente.
- Update Interval - Con qué frecuencia enviar solicitudes de vuelta a la API para actualizaciones. Seleccione entre None (nunca volver a llamar a la API), 30 minutos, 60 minutos, o cada 6 horas. Si habilita WebHook en su solicitud de API e ingresa la URL proporcionada en su API, este intervalo de actualización cambiará a casi tiempo real.
Presione Save, y el DataSource será creado.
Debería aparecer en la columna izquierda bajo "Used in this design". Definitivamente aparecerá en la sección "Other DataSources". Es posible que deba actualizar la página para que aparezca.
Mapeo de Elementos
Ahora que se ha creado su API DataSource, estamos listos para mapear los datos. En este ejemplo, le mostraremos cómo hacer un feed de noticias de SharePoint.
Agregar Elementos de Texto a un Menú Digital
Primero, cree su diseño. Puede hacer uso de una de nuestras plantillas de repetidor, o hacer el diseño usted mismo. Nuestras plantillas de repetidor se pueden personalizar para adaptarse a la marca de su empresa.
La forma más fácil de configurar un feed de noticias personalizado es con un Data Repeater. Para un desglose completo de las capacidades de un Repetidor, vea este artículo. Aquí, nos limitaremos a enseñar cómo agregar información de su API.
Para configurar un Repetidor, haga clic en "Repeaters" → Add Blank Repeater".
Con el Repetidor seleccionado, haga clic en Settings. Se abrirá un nuevo panel a la derecha. Aquí, seleccione Connect to DataSource.
Seleccione el DataSource que configuró en el último conjunto bajo "Other DataSources".
Volverá al último panel con su DataSource ahora seleccionado. Ahora, haga clic en Edit o haga doble clic en el Repetidor seleccionado para ir al Editor de Repetidor. Esto es como un diseño dentro de un diseño, específicamente para sus elementos de Repetidor (noticias). Con el texto seleccionado, haga clic en la flecha de la izquierda.
Eso abre la pestaña DataSource. Haga clic en el DataSource Used in this Design y verá algo como esto:
En este ejemplo, queremos mostrar el título de la pieza, sus imágenes asociadas y la historia en sí.
Al crear texto y arrastrar puntos de datos a él, podemos crear un feed de noticias como este:
Esto se creó encontrando puntos de datos de la API y arrastrándolos a los cuadros de texto deseados. En este caso, solo deseamos mostrar el "Title", "Banner URL Image" y "Description", por lo que esos valores se arrastraron a un cuadro de texto en blanco o existente.
El valor de un repetidor es que copiará el formato de esta celda, luego reemplazará los puntos de datos con otros de su API. Extraerá tantos puntos de datos como haya configurado en su API. En este ejemplo, hemos presentado solo una historia de noticias. El repetidor rotará a través del resto, mostrando solo una a la vez. Si desea mostrar más, el número de elementos repetidos y su formato se pueden cambiar usando estas opciones en Settings:
Si cambiamos el total de elementos a, digamos, 3, podemos obtener un feed de noticias como este con un poco de trabajo de diseño:
Esperamos que esta sea una demostración efectiva de algunas de las capacidades de OptiSync.
Aplicar Filtros para Personalizar qué Historias de Noticias Mostrar
Qué historias de noticias desea mostrar puede variar dependiendo de varios factores. Para filtrar historias no deseadas o redundantes, puede hacer uso del Filtro de DataSource de OptiSigns.
Para comenzar, resalte los datos que desea filtrar, luego presione Settings. A continuación, presione la opción Filter bajo su DataSource.
Aparecerá esta pantalla:
Lo que sigue es, esencialmente, una declaración AND o una declaración OR que podría usar en Excel o Google Sheets. La forma más fácil de entender la opción de Filtro es como una fórmula de Excel o Google Sheet que ingresa dentro de OptiSigns.
Puede agregar Rules o RuleSets a su filtro para crear tanta complejidad como necesite:
Para configurar una Regla, deberá configurar tres valores.
Al seleccionar el primer cuadro, obtiene estas opciones:
Por defecto, estas opciones equivalen a los encabezados de los datos mapeados a la fuente. Esta lista variará en longitud dependiendo de cuántos encabezados tenga. También puede ingresar cualquier valor que desee escribiéndolo en el cuadro.
El segundo cuadro es su Variable. OptiSigns proporciona estas opciones:
La opción final proporciona los siguientes valores predeterminados:
Por defecto, estos se asignan a una pantalla u otro dispositivo, lo que permite que su filtro se dirija solo a ciertas pantallas.
Sin embargo, este valor se puede cambiar a cualquier cosa que desee. Simplemente escriba cualquier valor que desee.
Hay docenas de posibilidades usando el filtro OptiSync para mostrar datos automatizados aún más precisos en sus pantallas.
| CONSEJO |
|
¿Recuerda el valor de datos "PromotedState" de antes? Si desea asegurarse de que solo aparezcan artículos de noticias personalizados en su pantalla, intente configurar el Filtro para indicar: PromotedState - Equals - 2 Esto debería filtrar cualquier otra pieza de datos recibida de la API. |
¡Eso es todo!
OptiSigns es el líder en software de señalización digital. Si tiene alguna pregunta adicional, inquietud o algún comentario sobre OptiSigns, no dude en comunicarse con nuestro equipo de soporte en support@optisigns.com.