Introducción
Toda empresa tiene una estructura organizativa, y todos los empleados necesitan consultarla en algún momento: una nueva incorporación quiere saber quién depende de quién, un responsable necesita conocer otro departamento y recursos humanos busca un organigrama actualizado para una presentación sin tener que dibujarlo a mano. El problema es que un organigrama en una presentación queda obsoleto en cuanto alguien cambia de función.
Vitextra Organizational Chart lo resuelve construyendo automáticamente el organigrama a partir del directorio que ya mantiene. El elemento web lee el atributo manager de cada perfil de Microsoft Entra ID y representa la jerarquía como un árbol interactivo en una página de SharePoint Online o en Microsoft Teams. No hay que mantener otro origen de datos: cuando cambia una relación jerárquica en el directorio, también cambia el organigrama.
Este artículo presenta las funciones del elemento web y cómo se relacionan entre sí. Para configurar el producto paso a paso, consulte KB10233. Cómo agregar y configurar el elemento web Organizational Chart; para aprender a utilizarlo, consulte KB10234. Organizational Chart: guía rápida para usuarios.
Construido a partir de su directorio
El elemento web está basado en SharePoint Framework y obtiene los datos de empleados mediante la API de Microsoft Graph. Carga las cuentas de miembros activos del inquilino y sus relaciones con los responsables, y las organiza en un árbol: una persona cuyo responsable es otro empleado se convierte en un nodo hijo de ese empleado, y así sucesivamente.
Como la estructura se deriva del campo Responsable, la calidad del organigrama depende directamente del directorio. Si todos los empleados salvo la dirección de la empresa tienen responsable, el organigrama tiene una sola raíz y ramas bien definidas. Si varias personas no tienen responsable, cada una aparece como una raíz independiente en la parte superior.
📝 Nota
Las cuentas de invitados y los usuarios externos nunca se incluyen: solo aparecen cuentas de miembros de su organización. Las cuentas deshabilitadas se excluyen siempre en la consulta a Microsoft Graph. Las cuentas sin licencia o sin puesto también se excluyen de forma predeterminada, pero el administrador puede modificar estas dos últimas reglas en la configuración.
Los datos de empleados se cargan una vez y se conservan en el navegador durante un máximo de 12 horas, lo que agiliza las visitas posteriores y reduce la carga de Microsoft Graph. Encima del organigrama aparecen la hora de Última actualización: y el enlace Actualizar para recargar los datos cuando sea necesario. Las fotografías y la presencia se cargan bajo demanda, solo para las tarjetas visibles, lo que mantiene la fluidez incluso en organizaciones con miles de empleados.
Dos modos de organigrama
El elemento web puede mostrar toda la organización o solo una parte:
- Toda la empresa: comienza por los empleados sin responsable, normalmente el director general o el equipo directivo, y muestra toda la jerarquía inferior. Es adecuado para la página principal de la intranet o la sección Acerca de la empresa.
- Empleados que reportan a un usuario específico: comienza por una persona seleccionada y muestra a todos los que dependen de ella, directa o indirectamente. Es adecuado para sitios de departamento o páginas de equipo donde solo interesa una rama.
En ambos modos puede elegir cuántos niveles se expanden al abrir la página, de 1 a 10. Los niveles inferiores permanecen contraídos hasta que un visitante los expande, lo que facilita la lectura de organigramas grandes.
Diseños y tarjetas de empleados
El organigrama ofrece dos diseños:
- Alineación horizontal: árbol organizativo clásico de arriba abajo. Los visitantes pueden arrastrarlo para desplazarse y ampliar o reducir el zoom; resulta adecuado para secciones amplias y diseños de ancho completo.
- Alineación vertical: lista compacta anidada, con cada nivel sangrado bajo su responsable. Ocupa menos espacio horizontal y se adapta a columnas estrechas y pantallas móviles.
Cada empleado se representa mediante una tarjeta. Hay cuatro tamaños, desde una tarjeta compacta con el nombre hasta una grande con fotografía y tres líneas de información. Puede elegir qué atributos aparecen en el encabezado y las líneas secundaria y tercera entre quince atributos del perfil: nombre completo, puesto, departamento, correo electrónico, teléfono móvil, ubicación de oficina, ciudad, país, identificador de empleado y otros. Un sitio de departamento puede mostrar el puesto y el teléfono; un directorio de oficinas puede priorizar la ubicación y el correo.
Las tarjetas también muestran la fotografía y un indicador de presencia en Microsoft Teams: Disponible, Ocupado, Ausente, No molestar o Desconectado. Así, los compañeros pueden valorar si es un buen momento para contactar. Al situar el puntero sobre una tarjeta se abre la tarjeta de perfil estándar de Microsoft 365, con datos de contacto y acciones como iniciar un chat o enviar un correo. Opcionalmente, una insignia puede mostrar el número de subordinados directos. La presencia se obtiene al cargar la tarjeta y no se actualiza de forma continua.
Navegar por el organigrama
La barra de herramientas situada encima del organigrama permite desplazarse por estructuras grandes:
- Expandir todo y Contraer todo: abren o cierran todo el árbol con un clic.
- Acercar, Alejar y el porcentaje de zoom actual -del 20% al 200%-, junto con Ajustar a la pantalla, que ajusta el organigrama al ancho de la página, y Restablecer vista, que restablece el 100% y la posición original. Mantenga pulsada Ctrl -o ⌘ en Mac- mientras gira la rueda del ratón para ajustar el zoom; sin esa tecla, la rueda desplaza la página normalmente.
- Buscarme: localiza al usuario que ha iniciado sesión, expande la cadena de responsables, resalta su tarjeta y la lleva al área visible. Permite saber rápidamente dónde se encuentra en la estructura y resulta especialmente útil para las nuevas incorporaciones.
- Exportar: guarda el organigrama como archivo, tal como se explica más adelante.
Cada rama se expande o contrae mediante la flecha situada bajo la tarjeta, también accesible con el teclado.
Búsqueda y filtrado
El cuadro de búsqueda filtra el árbol a medida que escribe. Examina el nombre, puesto, departamento, correo electrónico, identificador de empleado, ciudad, estado o provincia y país de cada empleado; resalta las tarjetas coincidentes y expande automáticamente sus ramas para que ningún resultado quede oculto en un nodo contraído.
Para los administradores, el panel de propiedades incluye el grupo Filtro. Su generador de consultas permite combinar condiciones sobre los atributos de las tarjetas mediante Y/O y operadores como es igual a, contiene, comienza por, Contiene datos y sus negaciones. Por ejemplo, puede mostrar empleados de dos departamentos o excluir cuentas de servicio cuyo puesto contenga una palabra determinada. Además, tres opciones permiten excluir empleados sin licencia, sin departamento o sin puesto.
💡 Consejo
Un uso habitual del filtrado es mostrar un departamento en su propio sitio. Consulte el ejemplo de KB50026. Cómo filtrar Organizational Chart para mostrar un departamento específico.
Exportar a PDF y JPEG
El organigrama se puede exportar a PDF o JPEG con un clic. La exportación captura todo el árbol tal como está expandido -todas las raíces y ramas abiertas, incluidas las que quedan fuera de la pantalla-, y selecciona automáticamente la orientación de la página PDF según sus proporciones. El administrador decide qué formatos se ofrecen a los visitantes.
Microsoft Teams
Organizational Chart se distribuye como aplicación de Microsoft Teams. Puede instalarse como aplicación personal, para abrir el organigrama desde la barra lateral, o agregarse como pestaña de canal, para que un equipo tenga siempre a mano su estructura. Los datos, diseños y navegación son los mismos que en SharePoint.
En Teams, el administrador puede guardar la configuración actual como valor predeterminado para todo el inquilino, de modo que todos los usuarios de la aplicación personal vean un organigrama configurado de forma uniforme sin tener que configurar nada.
Temas e idiomas
El elemento web adopta el tema del sitio de SharePoint, incluida la variante de color de la sección donde se ubica, y cambia al modo oscuro junto con Teams. Admite secciones de ancho completo y se adapta al tamaño de la pantalla.
La interfaz está disponible en más de 40 idiomas, seleccionados automáticamente según el idioma del sitio de SharePoint o del cliente de Teams.
Requisitos del sistema
| Plataforma | SharePoint Online (Microsoft 365) |
| Entornos | Páginas modernas de SharePoint, aplicaciones de página completa, aplicación personal y pestañas de canal de Microsoft Teams |
| Origen de datos | Microsoft Entra ID mediante Microsoft Graph |
| Instalación | Paquete SPFx (.sppkg) mediante el catálogo de aplicaciones del inquilino |
| Permisos de API | Directory.Read.All, User.Read.All, Presence.Read.All (Microsoft Graph) |
| Licencia | Una licencia por inquilino; el número de usuarios no afecta al precio |
❗ Importante
Organizational Chart es un producto en la nube y no admite entornos locales de SharePoint Server.
💡 Consejo
Para implementar el elemento web, consulte KB10035. Cómo instalar un producto Vitextra en SharePoint Online. Para agregarlo a una página y configurarlo, consulte KB10233. Cómo agregar y configurar el elemento web Organizational Chart.
Más información sobre el producto: https://vitextra.com/es/products/org-chart
