|
Etiqueta: Destino de redirección modificado |
| (No se muestran 119 ediciones intermedias del mismo usuario) |
| Línea 1: |
Línea 1: |
| − | {| class="wikitable"
| + | #REDIRECT [[Manual de Usuario de Vivait Tracker 0.1]] |
| − | |-
| |
| − | ! '''Producto: '''!! '''''VIVA'''''it Call v5.1
| |
| − | '''''VIVA'''''it Suite
| |
| − | |-
| |
| − | |}
| |
| − | <big>
| |
| − | <br><br>
| |
| − | == Introducción a VIVAit Tracker 5.1 ==
| |
| − | <br><br>
| |
| − | Con la versión 5.1 de la plataforma '''''VIVA'''''it Call se ha lanzado un nuevo tracker: ''VIVAit Tracker'', que supone una mejora sobre el producto anterior: [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/Vivait-Tracker ''Tracker WEB''] más enfocado al mundo Call Center.<br>
| |
| − | Los puntos claves del nuevo '''''portal VIVAit Tracker''''' dirigido al entorno corporativo son:<br>
| |
| − | : • Adaptación para facilitar su uso en entornos de telefonía corporativa.<br>
| |
| − | : • Permite seguir llamadas y escuchar/descargar grabaciones en caso de existir.<br>
| |
| − | : • Integrado con entornos de texto (TBC y desarrollos futuros).
| |
| − | <br><br>
| |
| − | [[#Introducción a VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | === Arquitectura de VIVAit Tracker 5.1 ===
| |
| − | <br><br>
| |
| − | Los bloque funcionales, servicios y elementos que componen la aplicación están divididos en dos capas principales:
| |
| − | <br><br>
| |
| − | : - '''Frontend'''<br>
| |
| − | ::Reside en un servidor web Apache.<br>
| |
| − | ::Se invoca desde un navegador mediante una URL del tipo https://host/ws/<br>
| |
| − | https://172.25.128.252/Tracker_Corporativo/
| |
| − | ::Es la parte visual: HTML, CSS, JavaScript.<br>
| |
| − | ::No accede directamente a la base de datos; solo obtiene datos desde una API.
| |
| − | <br><br>
| |
| − | : - '''Backend / API REST'''<br>
| |
| − | ::Corre en un servidor web Tomcat.<br>
| |
| − | ::Expone la API en: <br>
| |
| − | https://172.25.128.252/Tracker-Rest/tracker/.
| |
| − | ::Contiene la lógica que permite interactuar con la BBDD.<br>
| |
| − | ::Responde en JSON para que el frontend pueda ofrecérselo al navegador.<br>
| |
| − | <br><br>
| |
| − | Diagrama funcional de la arquitectura de VIVAit Tracker 5.1
| |
| − | <br><br>
| |
| − | [[File:arquitectura3_tracker_V5.1.png|1500px|center|thumb]] | |
| − | <br><br>
| |
| − | [[#Introducción a VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | ==== Flujo completo del ciclo de datos ====
| |
| − | <br><br>
| |
| − | Siguiendo el proceso se contemplan los siguientes pasos:
| |
| − | <br><br>
| |
| − | '''Paso 1''' El usuario invoca el frontend residente en Apache desde un navegador, usando javascript, mediante la URL del tipo:<br>
| |
| − | https://host/Traker_Corporativo/
| |
| − | El navegador carga la página web servida por Apache.
| |
| − | <br><br>
| |
| − | '''Paso 2''' Una vez superada la fase de [[#Seguridad de VIVAit Tracker 5.1 |validación]] se muestra un [[#Descripción de la interfaz de VIVAit Tracker 5.1 |formulario]] que permite al usuario definir los parámetros de una consulta.<br>
| |
| − | ::La página del formulario inicia una transacción para efectuar una solicitud HTTP POST al endpoint correspondiente, por ejemplo:<br>
| |
| − | https://172.25.128.252/Tracker_Corporativo/
| |
| − | ::siendo la carga util de esta solicitud los datos del formulario rellenado por el usuario:<br>
| |
| − | {fechaInicio: "", fechaFin: "", horaInicio: "", horaFin: "", listaExtensiones: [], listaGrupos: [],…}
| |
| − | <br><br>
| |
| − | '''Paso 3''' Al recibir los datos del formulario el frontend hace una petición a la API REST de Tomcat.<br>
| |
| − | | |
| − | <br><br>
| |
| − | '''Paso 4''' La API se conecta a la base de datos, ejecuta las consultas necesarias y devuelve la respuesta.<br>
| |
| − | | |
| − | <br><br>
| |
| − | '''Paso 5''' El frontend recibe el JSON con los datos de la consulta en la respuesta:<br>
| |
| − | POST https://172.25.128.252/Tracker-Rest/tracker/lista
| |
| − | ::El navegador lo representa en pantalla. En ningún momento el navegador accede directamente a la base de datos; todo pasa por la API.
| |
| − | <br><br>
| |
| − | [[#Introducción a VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | === Seguridad de VIVAit Tracker 5.1 ===
| |
| − | <br><br>
| |
| − | El acceso está controlado mediante validación de tokens.
| |
| − | <br><br>
| |
| − | '''Paso 1 Autenticación inicial'''
| |
| − | <br><br>
| |
| − | : • Al introducir sus credenciales el usuario se valida a través del servicio de autenticación ''sercen''<br>
| |
| − | https://172.25.128.252/sercen/postautenticar1
| |
| − | : • Sercen genera un token firmado que identifica la sesión del usuario.
| |
| − | <br><br>
| |
| − | '''Paso 2 Validación interna de permisos'''
| |
| − | <br><br>
| |
| − | : • Una vez que el frontend tiene el token, cada petición pasa por una validación de la API del tomcat:<br>
| |
| − | https://172.25.128.252/Tracker-Rest/tracker/verificarToken
| |
| − | :: En la misma se comprueba que:<br>
| |
| − | ::: - El token es válido.<br>
| |
| − | ::: - El usuario tiene permisos para el recurso que está intentando usar. <br>
| |
| − | ::: Es necesario que el usuario tenga acceso a la aplicación ''Grabador'', ver [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/Portal_de_administraci%C3%B3n_VIVAit_5.0#Submen.C3.BA_Permisos_a_usuarios Usuarios].<br>
| |
| − | : • No se ejecuta ninguna acción si el token no es validado primero.
| |
| − | <br><br>
| |
| − | '''Paso 3 Proxy inverso apache-tomcat'''
| |
| − | <br><br>
| |
| − | : • Apache actúa como punto de entrada único:
| |
| − | :: - El usuario solo ve URLs de apache.
| |
| − | :: - Las peticiones que requieren lógica del backend se redirigen internamente a tomcat.
| |
| − | :: - Esto se consigue mediante proxy inverso, por ejemplo:<br>
| |
| − | ::: /Tracker_Corporativo → servido por apache<br>
| |
| − | https://172.25.128.252/Tracker_Corporativo/
| |
| − | ::: /Tracker-Rest → Apache las pasa a Tomcat de forma transparente para el usuario<br>
| |
| − | https://172.25.128.252/Tracker-Rest/tracker/extensiones
| |
| − | : • El navegador utilizado por el usuario nunca ve a tomcat.
| |
| − | <br><br>
| |
| − | [[#Introducción a VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | == Descripción de la interfaz de VIVAit Tracker 5.1 ==
| |
| − | <br><br>
| |
| − | La aplicación de VIVAit Tracker 5.1 tiene dos página web:
| |
| − | <br><br>
| |
| − | - La página de [[#Inicio de sesión en VIVAit Tracker 5.1|validación]], donde se piden las credenciales al usuario,<br>
| |
| − | - La página de [[#Interfaz de trabajo de VIVAit Tracker 5.1|trabajo]], donde se realizan todas las acciones referentes a la funcionalidad suministrada.
| |
| − | <br><br>
| |
| − | [[#Acceso a VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | === Inicio de sesión en VIVAit Tracker 5.1 ===
| |
| − | <br><br>
| |
| − | El acceso a la aplicación '''''VIVA'''it Tracker'' se hace a través de un navegador con un enlace de la siguiente forma:
| |
| − | <br><br>
| |
| − | :: https://host/Tracker_Corporativo/
| |
| − | <br><br>
| |
| − | : donde "host" será el nombre o dirección IP del servidor en el que está instalada la aplicación '''''VIVA'''it Tracker''.
| |
| − | <br><br>
| |
| − | Ejemplo:
| |
| − | :::''https://172.25.128.92/Tracker_Corporativo/''
| |
| − | <br><br>
| |
| − | A continuación aparece una ventana donde es necesario autentificarse mediante las credenciales correspondientes:<br>
| |
| − | : - '''Usuario''': sera un usuario creado en el sistema con los permisos de acceso a la aplicación ''Grabación'',<br>
| |
| − | : - '''Contraseña''': el password asociado a este usuario.<br>
| |
| − | <br><br>
| |
| − | <div style="text-align: center;">
| |
| − | {| class="wikitable" style="margin: 0 auto; padding: 0.3cm; "
| |
| − | ! style = "background-color:#0099ff; color:#ffffff" | <big><center>'''''Nota'''''</center></big>
| |
| − | |-
| |
| − | |style="margin: 0 auto; padding: 0.3cm;" | Tener acceso a la aplicación ''Grabación'' no impide que el usuario tenga también otras funcionalidades, como movilidad corporativa o agente ACD.
| |
| − | |}
| |
| − | </div>
| |
| − | <br><br>
| |
| − | [[File:login_tracker_V5.1.png|1500px|center|thumb]]
| |
| − | <br><br>
| |
| − | Una vez cumplimentados los campos ''Usuario'' y ''Contraseña'' se utiliza el botón [[File:entrar_V5.png|200px]]<br>
| |
| − | Si las credenciales introducidas son correctas se abre la ventana que permite el uso de la aplicación Tracker.<br>
| |
| − | <br><br>
| |
| − | [[File:acceso_tracker_V5.1.png|1500px|center|thumb]]
| |
| − | <br><br>
| |
| − | Si las credenciales no son válidas aparece un mensaje informativo:
| |
| − | <br><br>
| |
| − | [[File:login_mal_tracker_V5.1.png|1500px|center|thumb]]
| |
| − | Es necesario realizar un nuevo intento introduciendo un usuario válido y una contraseña correcta.<br>
| |
| − | Si el usuario no tiene acceso a la aplicación Grabación aparece una ventana informativa.
| |
| − | [[File:sin_permisos_tracker_V5.1.png|1500px|center|thumb]]
| |
| − | Es necesario informar al administrador del sistema '''''VIVA'''it Call'' para que asigne al usuario los permisos adecuados.
| |
| − | <br><br>
| |
| − | [[#Descripción de la interfaz de VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | === Interfaz de trabajo de VIVAit Tracker 5.1 ===
| |
| − | <br><br>
| |
| − | Una vez que el usuario se ha logado con exito la ventana que se muestra se divide en varías áreas:
| |
| − | <br><br>
| |
| − | :: 1. [[#Área del Logo del portal de VIVAit Tracker 5.1|Logo del portal]]
| |
| − | :: 2. [[#Área de Usuario de VIVAit Tracker 5.1|Área de usuario]]
| |
| − | :: 3. [[#Área de filtro de VIVAit Tracker 5.1|Área de filtro]]
| |
| − | :: 4. [[#Botones de acción de VIVAit Tracker 5.1|Botones de acción]]
| |
| − | :: 5. [[#Resultados de la búsqueda en VIVAit Tracker 5.1|Resultados de la búsqueda]]
| |
| − | <br><br>
| |
| − | [[File:menú_general_tracker_V5.1.png|1500px|center|thumb]]
| |
| − | <br><br>
| |
| − | [[#Descripción de la interfaz de VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | ==== Área del Logo del portal de VIVAit Tracker 5.1 ====
| |
| − | <br><br>
| |
| − | La tabla que se muestra a continuación detalla la jerarquía de menús y submenús del portal de administración, e incluye enlaces directos a las respectivas secciones:
| |
| − | <br><br>
| |
| − | | |
| − | <br><br>
| |
| − | [[#Descripción de la interfaz de VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | ==== Área de Usuario de VIVAit Tracker 5.1 ====
| |
| − | <br><br>
| |
| − | | |
| − | <br><br>
| |
| − | [[#Descripción de la interfaz de VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | ==== Área de filtro de VIVAit Tracker 5.1 ====
| |
| − | <br><br>
| |
| − | La tabla que se muestra a continuación detalla la jerarquía de menús y submenús del portal de administración, e incluye enlaces directos a las respectivas secciones:
| |
| − | <br><br>
| |
| − | | |
| − | <br><br>
| |
| − | [[#Descripción de la interfaz de VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | ==== Botones de acción de VIVAit Tracker 5.1 ====
| |
| − | <br><br>
| |
| − | La tabla que se muestra a continuación detalla la jerarquía de menús y submenús del portal de administración, e incluye enlaces directos a las respectivas secciones:
| |
| − | <br><br>
| |
| − | | |
| − | <br><br>
| |
| − | [[#Descripción de la interfaz de VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | ==== Resultados de la búsqueda en VIVAit Tracker 5.1 ====
| |
| − | <br><br>
| |
| − | La tabla que se muestra a continuación detalla la jerarquía de menús y submenús del portal de administración, e incluye enlaces directos a las respectivas secciones:
| |
| − | <br><br>
| |
| − | | |
| − | <br><br>
| |
| − | [[#Descripción de la interfaz de VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | == Utilización de VIVAit Tracker ==
| |
| − | <br><br>
| |
| − | La tabla que se muestra a continuación detalla la jerarquía de menús y submenús del portal de administración, e incluye enlaces directos a las respectivas secciones:
| |
| − | <br><br>
| |
| − | | |
| − | <br><br>
| |
| − | [[#Utilización de VIVAit Tracker | Volver arriba]] / [http://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | | |
| − | | |
| − | <br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br><br><br>
| |
| − | FIN
| |
| − | <br><br>
| |
