|
Etiqueta: Destino de redirección modificado |
| (No se muestran 134 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>
| |
| − | - La página de [[#Interfaz de validación de 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>
| |
| − | | |
| − | === Interfaz de validació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>
| |
| − | [[#Acceso a 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>
| |
| − | 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>
| |
| − | [[#Acceso a VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | | |
| − | <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. Logo del portal
| |
| − | :: 2. Datos del usuario que ha iniciado una sesión
| |
| − | :: 3. Área informativa
| |
| − | :: 4. Barra de acciones
| |
| − | :: 5. Área de trabajo
| |
| − | :: 6. Información de Copyright
| |
| − | :: 7. Términos de uso del portal
| |
| − | <br><br>
| |
| − | [[File:menu_de_inicio_áreas_v5.png|1500px|center|thumb]]
| |
| − | <br><br>
| |
| − | [[#Descripción del interfaz | Volver arriba]] / [http://vivait-wiki.mdnova.local/wiki/vivait/index.php/Portal_de_administraci%C3%B3n_VIVAit_5.0 Volver al índice]
| |
| − | <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 cabecera 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>
| |
| − | [[#Acceso a VIVAit Tracker 5.1 | Volver arriba]] / [https://vivait-wiki.mdnova.local/wiki/vivait/index.php/VIVAit_Tracker Volver al índice]
| |
| − | <br><br>
| |
| − | | |
| − | | |
| − | === Área de búsqueda 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>
| |
| − | [[#Acceso a 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>
| |
| − | [[#Acceso a 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 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>
| |
| − | [[#Acceso a 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>
| |
