====== Be Aware Personalización de Pantallas ======


==== Descripción de la Solución ====

Be Aware personalización de pantallas es una solución SaaS que forma parte del ecosistema Be Aware, compuesto por:

  * **Be Aware 360:** CRM con gestión de contactos, casos, SLA/SLO, reportería y portales de atención.
  * **Be Aware Social:** Plataforma omnicanal con integración de agentes y bots de atención con IA generativa.
  * **Be Aware Outbound:** Centralización de canales de comunicación saliente, gestión de plantillas y reportes.
  * **Be Aware IA:** Suite de inteligencia artificial con soporte a atención y autoatención.
  * **Be Aware Personalización:** Módulo Low-Code para crear pantallas personalizadas con objetos estándar o estructuras nuevas.


==== Funcionalidades ====

=== Perfiles de Seguridad ===

  * Acceso al módulo Low-Code:
    * Crear, actualizar, eliminar y clonar proyectos.
    * Publicar o despublicar proyectos.
  * Acceso a pantallas personalizadas: perfilamiento público o privado.

=== Creación y Gestión de Proyectos ===

  * Creación de pantallas mediante interfaz de arrastrar y soltar.
  * Gestión de componentes y personalización con scripts e integraciones.
  * Clonación de proyectos para optimizar la productividad.
  * Previsualización en tiempo real de proyectos en desarrollo.

=== Traspaso entre Ambientes y Actualización ===

  * **Traspaso de proyectos** entre desarrollo, pruebas y producción.
  * **Actualización de pantallas** sin afectar a los usuarios activos.

=== Publicación de Pantallas ===

  * **En consola Be Aware:** Mantiene la apariencia gráfica de la plataforma.
  * **En portal externo:** Personalización total del Look & Feel.

=== Reportes de Uso ===

  * **Control de publicación:** Estado, versión publicada, usuarios y fechas.
  * **Control de uso:** Métricas de visitas desglosadas por tiempo.


==== Arquitectura y Uso ====

=== Módulo de Personalización ===
=== Menú del módulo ===

El módulo se organiza en los siguientes grupos del menú lateral. Cada grupo y cada opción se habilitan por permiso de rol, y vienen deshabilitados por defecto.

  * **Creación de pantallas**
    * **Landings/Formularios:** pantallas dirigidas al usuario final —landings y formularios públicos—. Cada una genera una URL propia que puede embeberse fuera de la consola.
    * **Agentes/Administración:** pantallas que se muestran al agente dentro de la consola. El listado se puede filtrar por el destino de la pantalla: Consola, Portal de clientes o Externo.
    * **Aprobación de pantallas:** bandeja de revisión. Ver más abajo.

  * **Pantallas creadas**
    * **Lista de pantallas:** el inventario de pantallas del módulo.

  * **Pantallas de agente:** una entrada por cada pantalla de agente activa. El menú se arma solo: al activarse una pantalla, aparece aquí.

  * **Pantallas de usuario:** lo mismo para las pantallas de usuario final.

  * **Reportes Experience Builder:** resumen de las pantallas creadas por estado —borrador, en validación, aprobadas y activas— y el detalle por pantalla con su tipo y la versión en uso.

  * **Configuración Experience Builder**
    * **Configuraciones**
    * **Scripts**
    * **Definiciones**
    * **Listeners**

  * **Experience Builder**
    * **Módulos**
    * **Administrador**
    * **Usuario Final**
    * **Proyectos**

  * **Agentes AI**
    * **Métricas**
    * **Configuración**

**Nota:** Las pantallas activas se agregan al menú por sí solas y generan su propio permiso de visualización, con el nombre de la pantalla. Ese permiso se habilita por rol como cualquier otro.


=== Publicación y Edición ===

  * Publicación con URL invocable desde otros servicios.
  * **Activar** publica la pantalla dentro de la instancia: a partir de ese momento aparece en el menú y queda disponible para los roles que tengan su permiso.
  * **Desplegar** lleva la pantalla a otra instancia —por ejemplo, de un ambiente de pruebas a producción—. Requiere indicar la instancia de destino y credenciales de esa instancia.
  * Configuración avanzada de componentes: nombre, key, endpoint y opciones personalizadas.
  * Pestañas de **Comentarios**, **Log de Auditoría**, **Historial de Versiones** y **Script** (JavaScript para eventos antes y después del guardado).
  * Una pantalla solo es editable mientras está en estado **Borrador**. En cualquier otro estado el editor se abre en modo consulta, y para volver a modificarla hay que devolverla a borrador.

=== Estados y aprobación de una pantalla ===

Una pantalla recorre los siguientes estados:

^ Estado ^ Qué significa ^ Acciones disponibles ^
| Borrador | La pantalla se está construyendo. Es el único estado en el que se puede editar. | Previsualizar, guardar y enviar a revisión |
| En validación | Está a la espera de revisión. | Aprobar o rechazar |
| Aprobado | La revisión fue favorable, pero la pantalla todavía no está en uso. | Activar o rechazar |
| Activo | La pantalla está publicada en la instancia y visible para quienes tengan su permiso. | Desactivar o desplegar a otra instancia |
| Rechazado | La revisión no fue favorable. | Devolver a borrador o eliminar |
| Inactivo | Estuvo activa y se retiró de circulación. | Activar o eliminar |
| Eliminado | Retirada. No se borra: puede recuperarse. | Devolver a borrador |

La bandeja de **Aprobación de pantallas** lista las pantallas por estado y permite elegir si se revisan las de agente o las de usuario final. Desde la bandeja se abre cada pantalla; la aprobación se resuelve dentro de la pantalla, no en el listado.

**Importante:** una pantalla debe guardarse antes de enviarse a revisión. Si se intenta enviar con cambios sin guardar, el sistema lo impide.

**Importante:** al aprobar una pantalla, la plataforma incrementa su número de versión y deja el registro en la pestaña **Historial de Versiones**. Los demás cambios de estado quedan en el **Log de Auditoría** de la pantalla.

Aprobar y rechazar requieren el permiso de aprobación con la opción de modificar; activar, desactivar y eliminar requieren ese mismo permiso con la opción de crear.

=== Aprobación de Pantallas ===

  * Listado de pantallas filtrado por editor y estado.
  * Búsqueda por nombre o descripción.
  * Opciones de edición y previsualización.


==== Flujo Estándar de Uso ====

=== Modalidades de Publicación ===

  * **Sin asociación a proceso Be Aware:**
    * Captura de información y almacenamiento en un objeto de Be Aware.
    * Uso en portales externos o invocación desde URLs en correos y otros canales.
  * **Asociada a un proceso de Be Aware:**
    * Extensión de procesos existentes con pantallas personalizadas.
    * Publicación en consola o portal externo con invocación desde la API.
    * Validaciones de seguridad según política de organización.

=== Traspaso Automático ===

  * Capacidad de traspaso de pantallas (Landings y Formularios) entre ambientes
  * Proceso rápido y automático
  * La pantalla se migra al ambiente destino en modo borrador para que pueda ser modificada/ajustada según se requiera
==== Implementación ====

  * SaaS sin necesidad de implementación manual.
  * Uso independiente si está activo en la instancia del cliente.
  * Capacitación y servicios profesionales disponibles.


==== Roadmap ====

  * **Versión Inicial:** Solución Low-Code para crear pantallas personalizadas.
  * **Segunda Versión:** Incorporación de IA y creación de pantallas por prompts.
  * **Tercera Versión:** Agentes autónomos para procesos dirigidos por IA.

===== Documentación =====

{{ :hiperpersonalizacion:im_c_be_aware_hiperpersonalizacio_n_v2.1.pdf |}}