
Innovaciones, Optimizaciones y Nuevas Funcionalidades del Ecosistema AS2


Manual de Procedimientos para Mejoras y Actualizaciones
Ecosistema AS2
Este manual documenta de manera detallada los procesos de cambio, optimización o actualización implementados en las soluciones del Ecosistema AS2.
CAMBIOS, MEJORAS O ACTUALIZACIONES
SISTEMA: AS2 ERP
ANTECEDENTES
Actualmente, las configuraciones de estilo y sesión del usuario se encuentran dispersas en diferentes puntos de la aplicación, lo que limita la capacidad del usuario final para personalizar su experiencia de manera rápida. Por ejemplo, la funcionalidad para actualizar la imagen del avatar se maneja en una opción única a través de un modal. Además, no se disponía de una configuración que permitiera al usuario modificar su tiempo de inactividad de sesión. La opción de cambio de tema residía en una pantalla dedicada y, aunque la disposición del menú (vertical o horizontal) y el tema podían modificarse en la pantalla de configuración de usuario, el acceso a esta última era a menudo exclusivo de los administradores.
Esta distribución dificultaba que el usuario estándar pudiera realizar modificaciones de estilo de forma autónoma. Adicionalmente, se requiere una estandarización de las acciones de cambio de organización y cierre de sesión, que actualmente se encuentran separadas en la cabecera del sistema, junto al nombre de usuario. Para el contexto Minimal, una funcionalidad clave que no estaba disponible es la posibilidad de cambiar dinámicamente el tipo de menú, limitando la interfaz a la vista lateral. Por lo tanto, se centralizan todas estas configuraciones y acciones en un nuevo componente de acceso rápido, garantizando que el usuario pueda gestionar su tema, tiempo de inactividad, tipo de menú y acciones de navegación de forma unificada.
OBJETIVO
El objetivo de este desarrollo es centralizar y simplificar la gestión de la configuración personal de la interfaz de usuario, así como estandarizar las principales acciones de navegación para el usuario, logrando una experiencia más intuitiva y accesible.
Los objetivos específicos son:
- Consolidar todas las opciones de configuración de usuario (imagen de avatar, tiempo de inactividad, tema y tipo de menú) en un único componente lateral de acceso rápido a través del avatar del header.
- Eliminar las pantallas y elementos redundantes preexistentes, como la pantalla dedicada de cambio de tema, el nombre de usuario del header y el botón de cierre de sesión separado, para optimizar el espacio y la coherencia de la interfaz.
- Integrar las funcionalidades de cambio de organización y cierre de sesión dentro del nuevo componente para estandarizar las acciones de navegación.
- Implementar la funcionalidad de cambio de tipo de menú (lateral u horizontal) en los sistemas que operan bajo el contexto Minimal, asegurando que el nuevo menú horizontal se adapte correctamente a la paleta de colores predefinida de dicho contexto.
ALCANCE
El desarrollo centraliza las configuraciones de interfaz de usuario y las acciones de navegación en un nuevo Panel Lateral Derecho activado desde el avatar del header.
Este alcance se aplica a la interfaz en los contextos AS2 (estándar) y Minimal, e implica los siguientes puntos clave:
- Header y Eliminación de Componentes: Se eliminan la pantalla de «Cambio de tema» y los elementos redundantes del header (nombre de usuario, opción de cambio de organización separada, botón de cierre de sesión).
- Funcionalidades Centralizadas: Se consolidan en el Panel Lateral Derecho las opciones de configuración personal:
- Gestión de Avatar.
- Cambio de Tiempo de Inactividad.
- Cambio de Tema (en tiempo real, aplica solo para AS2).
- Cambio de Tipo de Menú.
- Botones de Cambio de Organización y Cierre de Sesión.
- Contexto Minimal: Se incluye la implementación del cambio de tipo de menú y la adecuación de sus colores. La opción de cambio de tema se excluye de este contexto, ya que utiliza colores predefinidos.
DESARROLLO
El desarrollo se enfoca en la reestructuración de la gestión de configuraciones de usuario y navegación principal, centralizando estas funcionalidades en un nuevo Panel Lateral Derecho de fácil acceso.
- Eliminación y Optimización de Elementos
Se optimizó la interfaz eliminando las siguientes funcionalidades y elementos redundantes:
- Pantalla de Cambio de Tema (/paginas/seguridad/usuario/cambioTema.jsf):
La pantalla dedicada con anterioridad a esta configuración fue removida del sistema.

- Elementos de la Cabecera (Header): Se retiraron el nombre del usuario (junto con la opción de cambio de organización anidada en él) y el botón de cierre de sesión que se ubicaba en la cabecera.

- Creación del Componente de Configuración Unificado
Se creó un Panel Lateral Derecho que se despliega al hacer clic sobre el avatar del usuario en la cabecera.

Este componente unifica todas las opciones de configuración y navegación personal:
- Gestión del Avatar: Muestra la imagen de avatar escogida y ofrece las opciones para su edición y eliminación.
- Configuraciones Dinámicas: Se incluyen las siguientes opciones, cuyos cambios se aplican en tiempo real al ser seleccionados:
- Tiempo de Inactividad: Opción para modificar el tiempo que debe transcurrir para el cierre automático de la sesión.
- Tema de la Interfaz: Opción de selección de tema. Consideraciones de Aplicación:
- Si el usuario tiene un tema asignado a su organización, el cambio realizado se aplicará a ese tema específicamente para el usuario logeado.
- Si no existe un tema asignado a la organización, el cambio afectará únicamente al tema del usuario.
- Tipo de Menú: Opción para cambiar la disposición del menú entre «Lateral Vertical» u «Horizontal Superior». Este cambio requiere el cierre y nuevo inicio de sesión para su aplicación total, manteniendo el funcionamiento actual.
- Acciones de Navegación: En la parte inferior del panel se incluyeron los botones de:
- Cambio de Organización: Ejecuta la acción ya conocida de selección de organización.
- Salir: Ejecuta la acción de cierre de sesión.
- Implementación por Contexto
El componente respeta la configuración según el contexto activo:

Finalmente, todas las configuraciones realizadas a través de este panel respetan las configuraciones previamente establecidas en la pantalla de administración de usuario.
ANEXOS








