Guía de Usuario: Configuración de Interfaz de Usuario (User Interface Settings)¶

Tabla de Contenidos¶

Introducción
Acceso a la Configuración
Configuraciones Disponibles
Guía Paso a Paso
Descripción Detallada de Cada Configuración
Casos de Uso
Preguntas Frecuentes
Solución de Problemas

Introducción¶

El panel de Configuración de Interfaz de Usuario (User Interface Settings) le permite personalizar la apariencia y comportamiento del Netsocs Dashboard según sus preferencias. Estas configuraciones le permiten ocultar elementos de la interfaz que no necesita, optimizar su espacio de trabajo y controlar ciertas funcionalidades.

¿Para qué sirven estas configuraciones?¶

Maximizar espacio: Oculte elementos que no utiliza frecuentemente
Simplificar interfaz: Reduzca la complejidad visual según sus necesidades
Personalizar experiencia: Adapte el dashboard a su flujo de trabajo específico
Controlar funcionalidades: Active o desactive características según sus preferencias

Acceso a la Configuración¶

Ruta de Acceso¶

Para acceder a las configuraciones de interfaz de usuario, siga estos pasos:

Paso 1: Abra el Panel de Configuración de Dashboard¶

Desde el dashboard principal, haga clic en el ícono de engranaje (⚙️) ubicado en la esquina superior derecha.

Dashboard inicial

Ubicación: Barra superior → Botón de engranaje (último botón a la derecha)

Aparecerá un panel con controles de layout. Haga clic en el botón de barras horizontales (☰) para abrir el menú desplegable.

Panel de configuración

Ubicación: Panel de configuración → Botón con tres barras horizontales

Paso 3: Seleccione "View settings"¶

Se desplegará un menú con varias opciones. Haga clic en "View settings" (Configuración de vista).

Opciones del menú:

🔓 Lock / Unlock - Bloquear/Desbloquear dashboard
📽️ Create Carrousel - Crear carrusel de dashboards
💥 Events - Configuración de eventos
👁️ View settings - Configuración de vista (¡Esta opción!)

Se abrirá un modal titulado "User Interface Settings" con todas las opciones de configuración disponibles.

Modal de configuración

Configuraciones Disponibles¶

El panel de User Interface Settings incluye las siguientes opciones:

Configuración	Ícono	Descripción	Estado Predeterminado
Hide Home Dashboard	🏠	Oculta el dashboard principal de la vista	❌ Desactivado
Hide Sidebar	📱	Oculta toda la barra lateral de la interfaz	❌ Desactivado
Hide Sidebar Tree	🌲	Oculta la vista de árbol en la barra lateral	❌ Desactivado
Hide Sidebar Navigation	🧭	Oculta el menú de navegación en la barra lateral	❌ Desactivado
Block Workspace Tabs Drag and Drop	🔒	Previene el reordenamiento de pestañas mediante arrastrar	❌ Desactivado

Guía Paso a Paso¶

Cómo Modificar una Configuración¶

1. Acceda al Panel de Configuración¶

Siga los pasos descritos en la sección Acceso a la Configuración para abrir el modal de User Interface Settings.

2. Localice la Configuración Deseada¶

Las configuraciones están organizadas en una lista vertical con:

Ícono identificador a la izquierda
Nombre de la configuración en negrita
Descripción breve debajo del nombre
Switch (interruptor) a la derecha

3. Active o Desactive la Configuración¶

Haga clic en el switch correspondiente para cambiar su estado:

Switch a la izquierda (gris): ❌ Configuración desactivada
Switch a la derecha (azul): ✅ Configuración activada

4. Confirmación de Cambios¶

Al realizar un cambio, verá una notificación de éxito en la esquina superior derecha:

Notificación de éxito

Mensaje: "Settings updated successfully" (Configuración actualizada exitosamente)

5. Los Cambios se Aplican Inmediatamente¶

Guardado automático: No necesita hacer clic en "Guardar"
Efecto inmediato: Los cambios se reflejan en la interfaz al instante
Persistencia: La configuración se mantiene entre sesiones

Haga clic en la X en la esquina superior derecha del modal o haga clic fuera del modal para cerrarlo.

Descripción Detallada de Cada Configuración¶

1. 🏠 Hide Home Dashboard¶

Nombre completo: Hide Home Dashboard Descripción: Hide the home dashboard from the main view

¿Qué hace?¶

Oculta el dashboard principal (Home) de la vista, permitiéndole enfocarse directamente en sus workspaces personalizados sin pasar por la página de inicio.

Cuándo usar:¶

✅ Active esta opción si:

No utiliza el dashboard Home y prefiere trabajar solo en sus workspaces
Quiere ahorrar espacio en las pestañas
Su flujo de trabajo comienza directamente en un workspace específico
Gestiona múltiples workspaces y Home es redundante

❌ Mantenga desactivada si:

Utiliza Home como punto de partida para su trabajo diario
Necesita acceso rápido a la vista general del dashboard
Es nuevo en el sistema y todavía está explorando

Efectos:¶

Activado: La pestaña "Home" desaparece de la barra de pestañas
Activado: Al iniciar sesión, carga automáticamente el primer workspace disponible
Desactivado: La pestaña "Home" está visible y es el destino predeterminado

Nombre completo: Hide Sidebar Descripción: Hide the entire sidebar from the interface

¿Qué hace?¶

Oculta completamente la barra lateral izquierda del dashboard, proporcionando más espacio para los widgets y contenido principal.

Cuándo usar:¶

✅ Active esta opción si:

Trabaja en pantallas pequeñas y necesita maximizar el espacio
Ya conoce la estructura del sistema y no necesita navegación constante
Prefiere una interfaz minimalista
Usa principalmente los widgets del dashboard sin navegar mucho

❌ Mantenga desactivada si:

Necesita acceso frecuente a la navegación
Utiliza la vista de árbol de objetos regularmente
Es nuevo en el sistema
Trabaja con múltiples secciones del dashboard

Efectos:¶

Activado: La barra lateral completa se oculta
Activado: Puede haber un botón para mostrarla temporalmente (según la implementación)
Desactivado: La barra lateral está visible en todo momento

💡 Nota:¶

Esta opción oculta toda la barra lateral, incluyendo:

Navegación
Vista de árbol de objetos
Cualquier otro elemento en el sidebar

Nombre completo: Hide Sidebar Tree Descripción: Hide the tree view in the sidebar

¿Qué hace?¶

Oculta específicamente la vista de árbol de objetos en la barra lateral, manteniendo visible el resto de elementos del sidebar.

Cuándo usar:¶

✅ Active esta opción si:

No trabaja con la jerarquía de objetos del sistema
Prefiere acceder a objetos de otras formas (búsqueda, widgets, etc.)
La vista de árbol ocupa mucho espacio que podría usar de otra manera
Su rol no requiere navegar por la estructura de objetos

❌ Mantenga desactivada si:

Necesita explorar la jerarquía de objetos frecuentemente
Trabaja con muchos dispositivos organizados en carpetas
Utiliza la vista de árbol para ubicar recursos rápidamente

Efectos:¶

Activado: Solo la vista de árbol se oculta (la barra lateral permanece)
Activado: Otros elementos del sidebar siguen visibles (navegación, etc.)
Desactivado: La vista de árbol completa está disponible en el sidebar

Hide Sidebar: Oculta TODA la barra lateral
Hide Sidebar Tree: Oculta SOLO la vista de árbol dentro de la barra lateral

Nombre completo: Hide Sidebar Navigation Descripción: Hide the navigation menu in the sidebar

¿Qué hace?¶

Oculta el menú de navegación principal en la barra lateral, pero mantiene visibles otros elementos como la vista de árbol.

Cuándo usar:¶

✅ Active esta opción si:

Ya conoce todas las secciones y no necesita el menú constantemente
Prefiere navegar usando las pestañas de workspace
Quiere simplificar la barra lateral manteniendo solo el árbol de objetos
Su flujo de trabajo es repetitivo y no navega entre secciones

❌ Mantenga desactivada si:

Necesita acceso rápido a diferentes secciones del dashboard
Es nuevo en el sistema
Su trabajo requiere moverse entre múltiples áreas frecuentemente

Efectos:¶

Activado: El menú de navegación se oculta del sidebar
Activado: Otros elementos del sidebar permanecen visibles
Desactivado: El menú de navegación completo está disponible

┌─────────────────────────────────────────┐
│ HIDE SIDEBAR (Oculta TODO)             │
│   ├─ Navegación ❌                      │
│   ├─ Vista de árbol ❌                  │
│   └─ Otros elementos ❌                 │
└─────────────────────────────────────────┘

┌─────────────────────────────────────────┐
│ HIDE SIDEBAR TREE (Solo árbol)         │
│   ├─ Navegación ✅                      │
│   ├─ Vista de árbol ❌                  │
│   └─ Otros elementos ✅                 │
└─────────────────────────────────────────┘

┌─────────────────────────────────────────┐
│ HIDE SIDEBAR NAVIGATION (Solo nav)     │
│   ├─ Navegación ❌                      │
│   ├─ Vista de árbol ✅                  │
│   └─ Otros elementos ✅                 │
└─────────────────────────────────────────┘

5. 🔒 Block Workspace Tabs Drag and Drop¶

Nombre completo: Block Workspace Tabs Drag and Drop Descripción: Prevent reordering workspace tabs by dragging

¿Qué hace?¶

Bloquea la funcionalidad de arrastrar y soltar (drag and drop) para las pestañas de workspace, previniendo cambios accidentales en el orden de las pestañas.

Cuándo usar:¶

✅ Active esta opción si:

Ya tiene un orden óptimo de pestañas y no desea cambiarlo
Comparte su dispositivo con otros usuarios
Tiende a mover pestañas accidentalmente
Trabaja en un entorno donde los cambios de configuración deben ser mínimos
Prefiere estabilidad sobre flexibilidad

❌ Mantenga desactivada si:

Reorganiza sus workspaces frecuentemente
Está experimentando con diferentes configuraciones
Su flujo de trabajo cambia regularmente
Prefiere tener control total sobre la organización

Efectos:¶

Cuando está ACTIVADO:

❌ No puede arrastrar pestañas de workspace
🖱️ Cursor muestra ícono normal sobre las pestañas (no ícono de "mover")
🔒 Las pestañas mantienen su posición fija
✅ Puede seguir haciendo clic para cambiar entre workspaces

Cuando está DESACTIVADO:

✅ Puede arrastrar y soltar pestañas libremente
✋ Cursor muestra ícono de "mover" sobre pestañas
🔄 Puede reorganizar el orden según preferencia
💾 El nuevo orden se guarda automáticamente

📖 Referencia:¶

Para más información sobre la funcionalidad de Drag and Drop de pestañas, consulte la Guía de Drag and Drop de Workspace Tabs.

Casos de Uso¶

Caso 1: Operador de Centro de Control¶

Perfil: María trabaja en un centro de control monitoreando múltiples áreas.

Necesidades:

Maximizar espacio para widgets de monitoreo
Interfaz estable sin cambios accidentales
No necesita navegación constante

Configuración recomendada:

✅ Hide Sidebar - Maximiza espacio para widgets
✅ Block Workspace Tabs Drag and Drop - Previene cambios accidentales
❌ Hide Home Dashboard - Mantiene acceso rápido a vista general

Resultado: Más espacio para visualización de cámaras y sensores, sin distracciones.

Caso 2: Administrador de Sistema¶

Perfil: Juan configura y gestiona el sistema regularmente.

Necesidades:

Acceso completo a todas las funciones
Navegación entre múltiples secciones
Exploración de jerarquía de objetos

Configuración recomendada:

❌ Hide Sidebar - Necesita acceso a navegación
❌ Hide Sidebar Tree - Usa frecuentemente la vista de árbol
❌ Hide Sidebar Navigation - Navega entre secciones constantemente
❌ Block Workspace Tabs Drag and Drop - Reorganiza según necesidades

Resultado: Interfaz completa con todas las herramientas disponibles.

Caso 3: Usuario con Pantalla Pequeña¶

Perfil: Ana trabaja desde una laptop con pantalla de 13 pulgadas.

Necesidades:

Maximizar espacio de visualización
Interfaz simplificada
Enfoque en workspaces específicos

Configuración recomendada:

✅ Hide Sidebar - Gana espacio horizontal significativo
✅ Hide Home Dashboard - Va directo a su workspace principal
❌ Block Workspace Tabs Drag and Drop - Mantiene flexibilidad

Resultado: Mejor aprovechamiento del espacio limitado de pantalla.

Caso 4: Usuario Experimentado¶

Perfil: Carlos tiene 2 años usando el sistema y conoce todas las funcionalidades.

Necesidades:

Interfaz minimalista
Navegación rápida mediante atajos
Sin elementos redundantes

Configuración recomendada:

✅ Hide Sidebar - No necesita navegación visual
✅ Hide Home Dashboard - Usa workspaces directamente
❌ Block Workspace Tabs Drag and Drop - Ajusta según necesidad

Resultado: Interfaz limpia enfocada en productividad.

Caso 5: Estación Compartida¶

Perfil: Computadora compartida por múltiples operadores en turnos.

Necesidades:

Configuración consistente para todos
Prevenir cambios accidentales
Interfaz estandarizada

Configuración recomendada:

❌ Hide Sidebar - Todos los operadores necesitan acceso
✅ Block Workspace Tabs Drag and Drop - Mantiene orden estándar
Configuración definida por el supervisor del turno

Resultado: Experiencia consistente para todo el equipo.

Preguntas Frecuentes¶

¿Los cambios se guardan automáticamente?¶

R: Sí, todos los cambios se guardan automáticamente en el momento en que activa o desactiva un switch. Verá una notificación de confirmación "Settings updated successfully" después de cada cambio.

¿Las configuraciones afectan a otros usuarios?¶

R: No, estas configuraciones son personales y específicas para su cuenta de usuario. Cada usuario puede tener su propia configuración personalizada sin afectar a otros.

¿Puedo revertir los cambios?¶

R: Sí, simplemente vuelva a acceder al panel de User Interface Settings y desactive las opciones que activó previamente. Los cambios se aplican inmediatamente.

¿Qué pasa si oculto la barra lateral y luego la necesito?¶

R: Si oculta la barra lateral y luego necesita acceder a ella, puede:

Volver al panel de configuración
Desactivar la opción "Hide Sidebar"
La barra lateral reaparecerá inmediatamente

Alternativamente, según la implementación, puede haber un botón para mostrar temporalmente la barra lateral.

R: Sí, el sistema ofrece opciones granulares:

Hide Sidebar: Oculta TODO el sidebar
Hide Sidebar Tree: Oculta solo la vista de árbol
Hide Sidebar Navigation: Oculta solo el menú de navegación

Puede combinar estas opciones para personalizar exactamente qué elementos del sidebar desea ver.

¿La configuración se mantiene si cierro sesión?¶

R: Sí, todas las configuraciones son persistentes y se mantienen incluso después de cerrar sesión. Cuando vuelva a iniciar sesión, verá el dashboard con sus configuraciones personalizadas.

¿Qué pasa si activo "Hide Home Dashboard" pero no tengo otros workspaces?¶

R: Si activa "Hide Home Dashboard" sin tener workspaces configurados, el sistema intentará cargarlo de todas formas o puede mostrar un mensaje indicando que debe crear un workspace primero. Es recomendable tener al menos un workspace antes de ocultar Home.

¿Puedo usar teclas de atajo para acceder a la configuración?¶

R: Las teclas de atajo dependen de la implementación del sistema. Generalmente, debe acceder mediante el ícono de engranaje en la interfaz. Consulte con su administrador sobre atajos de teclado disponibles.

¿Existe un límite en cuántas veces puedo cambiar la configuración?¶

R: No hay límite. Puede cambiar sus configuraciones tantas veces como necesite sin restricciones.

¿Las configuraciones afectan la versión móvil del dashboard?¶

R: Las configuraciones se aplican a la sesión del usuario, por lo que podrían afectar también la versión móvil. Sin embargo, la interfaz móvil puede tener adaptaciones automáticas diferentes a las de escritorio.