Extensión de conexiones Microsoft Viva con extensiones de tarjeta adaptable

Completado

Una de las extensiones que puede crear para Conexiones Viva son extensiones de tarjeta adaptable o ACE para abreviar. Los editores pueden poner las ACE en el panel, configurar sus propiedades y agregar varias instancias de cada ACE. Lo especial de las extensiones de tarjeta adaptable es que son el único tipo de extensiones de Conexiones Viva que funciona en la experiencia de escritorio y móvil. Además, los editores pueden optar por mostrar las ACE solo a un grupo específico de usuarios. En las secciones siguientes se explican las características más importantes de las extensiones de tarjeta adaptable que debe tener en cuenta al extender Conexiones Viva.

Los editores ponen las extensiones de tarjeta adaptable en el panel

Los editores, que trabajan con el sitio principal que admite Conexiones Viva, agregan extensiones de tarjeta adaptable en una página de panel especial. Solo puede crear la página de panel en el sitio elegido como sitio principal en el inquilino de Microsoft 365.

Panel conexiones Viva con varias extensiones de tarjeta adaptable en modo de edición de escritorio.

En la experiencia de escritorio de Conexiones Viva, los editores pueden insertar el panel en la página principal de Conexiones Viva mediante el elemento web Panel para conexiones Viva.

Panel con extensiones de tarjeta adaptable representadas en la experiencia de escritorio de Conexiones Viva.

La experiencia móvil conexiones Viva representa las extensiones de tarjeta adaptables colocadas en el panel de una manera fácil de usar para dispositivos móviles.

Experiencia móvil del panel conexiones Viva.

Al agregar extensiones de tarjeta adaptable al panel, los editores deciden dónde colocan cada tarjeta. Para cada tarjeta, pueden cambiar su configuración y también pueden optar por agregar varias instancias de la misma tarjeta.

Las extensiones de tarjeta adaptable se pueden configurar

Si hace que las extensiones de tarjeta adaptable sean configurables, estas serán adecuadas para muchos situaciones. Por ejemplo, si crea una ACE que muestra información de las existencias, puede configurar el nombre de las existencias de manera que se pueda usar la misma ACE para mostrar información sobre las distintas existencias sin cambiar el código.

 Panel de propiedades de la extensión de tarjeta adaptable con opciones de configuración.

No es necesario que las extensiones de tarjeta adaptable sean configurables, pero debería considerar hacerlo. Como los requisitos empresariales van cambiando, permitir a los editores que configuren las ACE les ayudará a aplicar rápidamente los cambios sin actualizar el código.

Los editores pueden dirigir las extensiones de tarjeta adaptable a un público específico

Algunas extensiones de tarjeta adaptable solo son relevantes para un grupo específico de usuarios. Por ejemplo, una ACE que permite a los gerentes revisar rápidamente las solicitudes de vacaciones solo es relevante para estos. Los editores que ponen una ACE en el panel pueden configurarlas para que solo se muestren a un grupo específico de usuarios. Esto permite a las organizaciones mostrar solo a los usuarios las tarjetas que sean relevantes para ellos. Las organizaciones pueden decidir por sí mismas cómo definen las audiencias. La estructura de la organización o el tipo de trabajo son dos ejemplos comunes de las audiencias que configuran muchas organizaciones.

Las extensiones de tarjeta adaptable usan tarjetas adaptables para representar la interfaz de usuario

Las extensiones de tarjeta adaptable usan la tecnología de las tarjetas adaptables para representar la interfaz de usuario. Al compilar otras extensiones para Conexiones Viva, represente la interfaz de usuario mediante HTML y JavaScript. En las ACE, se usa el esquema JSON de tarjeta adaptable para definir la interfaz de usuario de la tarjeta y después enlazar los datos a esta.

Sugerencia

Para obtener más información sobre las tarjetas adaptables, vea https://adaptivecards.io.

Cada tarjeta consta de la vista de tarjeta predeterminada y de una vista rápida opcional que le permite mostrar detalles adicionales antes de llevar a los usuarios a otra aplicación, como una aplicación personal de Teams, un bot o una aplicación web.

Flujo de usuario al usar extensiones de tarjeta adaptable en el escritorio de Conexiones Viva.

Conexiones Viva ajusta automáticamente la representación a la experiencia de escritorio y móvil.

Flujo de usuario al usar extensiones de tarjeta adaptable en el móvil de Conexiones Viva.

Vista de tarjeta

Para crear la vista de tarjeta, puede elegir entre tres plantillas:

  • Básico

    Ejemplo de la extensión de tarjeta adaptable mediante la vista de tarjeta básica.

  • Imagen

    Ejemplo de la extensión de tarjeta adaptable mediante la vista de tarjeta de imagen.

  • Texto principal

    Ejemplo de la extensión de tarjeta adaptable mediante la vista de tarjeta de texto principal.

Importante

Elija la plantilla de tarjeta que desee usar cuando agregue una extensión de tarjeta adaptable al proyecto. Aunque es posible cambiar la plantilla más adelante, es más conveniente elegir la plantilla de tarjeta correcta desde el principio.

Cada tarjeta consta de un icono, un título y un área de cuerpo que es diferente para cada plantilla de tarjeta. Para el icono, puede usar un icono de interfaz de usuario de Fluent o una imagen personalizada.

Sugerencia

Las extensiones de tarjeta adaptable solo admiten un subconjunto de iconos de la interfaz de usuario de Fluent. Para ver qué iconos se admiten, agregue la ACE de vínculo web al panel y, en propiedades, abra el selector de iconos.

Cada tarjeta también puede tener botones vinculados a acciones específicas, como mostrar la vista rápida de la ACE o abrir una aplicación.

Vista rápida

Al crear extensiones de tarjeta adaptable, puede optar por incluir una vista rápida. Una vista rápida es una vista adicional en una extensión de tarjeta adaptable.

En la experiencia de escritorio de Conexiones Viva, se representa como información sobre herramientas.

Extensión de tarjeta adaptable con vista rápida que muestra información adicional en el escritorio de Conexiones Viva.

En la experiencia móvil conexiones Viva, la vista rápida se representa como una superposición.

Extensión de tarjeta adaptable con vista rápida que muestra información adicional en Viva Connections mobile.

La vista rápida puede ser informativa y mostrar a los usuarios información adicional. También puede mostrar formularios que los usuarios pueden rellenar, sin la necesidad de abrir una aplicación independiente. La vista rápida le ofrece una gran flexibilidad para diseñar su solución. Puede optar por crear una solución que conste de una ACE con solo la vista de tarjeta que vincula a una aplicación. O también puede crear una solución que conste de solo una ACE con la tarjeta y las vistas rápidas. Por último, puede crear una solución que tenga una ACE con la tarjeta y las vistas rápidas, la cual vincule a una aplicación externa.

Extensión de tarjeta adaptable con vista rápida que muestra un formulario en el escritorio conexiones Viva.

Al crear vistas rápidas, se especifica la tarjeta adaptable completa y se enlazan los datos a ella. Esto le permite sacar el máximo beneficio de las tarjetas adaptables y ofrecer a los usuarios experiencias enriquecidas.

Sugerencia

La manera más fácil de diseñar una vista rápida es usar el diseñador de tarjetas adaptables en https://adaptivecards.io/designer/.

Las extensiones de tarjeta adaptable mantienen informados a los empleados. Comunican información importante de forma concisa. A menudo, deberá proporcionar a los usuarios más contexto o una experiencia más enriquecida. En esos casos, puede configurar la extensión de tarjeta adaptable para vincularla a otros recursos, como una aplicación personal de Teams, un bot o una aplicación web. La principal ventaja de vincular las ACE a otras aplicaciones es que los usuarios permanecen en el mismo contexto y pueden retomar fácilmente la tarea anterior.

Tanto en la tarjeta como en la vista rápida, puede agregar botones que vinculen con otras aplicaciones. También puede configurar la propia tarjeta como un vínculo.

Las extensiones de tarjeta adaptable funcionan con experiencias móviles y de escritorio de Conexiones Viva

Al ampliar Conexiones Viva, las extensiones de tarjeta adaptable son el único tipo de extensión que funciona tanto en el escritorio como en la experiencia móvil de Conexiones Viva. Una ACE se representará automáticamente de forma fácil de usar para dispositivos móviles o de escritorio, en función de la experiencia de Conexiones Viva que esté usando alguien, sin ningún trabajo de desarrollo adicional por su parte. Al crear una solución que debe ser visible en ambas experiencias de Conexiones Viva, debe considerar la posibilidad de crear extensiones de tarjeta adaptable.