Interface Designer Workspace. Hermès.NET V4

Transcripción

1 Interface Designer Workspace Hermès.NET V4 Version.0a Agosto 200

2 Índice INTRODUCCIÓN LA INTERFAZ ZONA DE LOS MENÚS DE LA APLICACIÓN EL MENÚ SCRIPTS EL MENÚ EDICIÓN EL MENÚ MÓDULOS EL MENÚ PREFERENCIAS BARRA DE MENÚS FUNCIONAMIENTO DE LA BARRA DE MENÚS LOS ELEMENTOS DE LA BARRA DE MENUS DEL APLICATIVO LA LISTA DE OBJETOS DEL MENÚ EL MENÚ OPCIONES LA ZONA DE PROPIEDADES EL MENÚ DEL ÁREA DE TRABAJO ÁREA DE TRABAJO BARRA DE ESTADO DE WORKSPACE UTILIZACIÓN DE LA INTERFAZ DIMENSIONANDO EL ÁREA DE TRABAJO GESTIÓN DE LOS OBJETOS INTERFAZ GENERAL DE LOS OBJETOS AÑADIR OBJETOS ALINEACIÓN DE LOS OBJETOS CREAR DE FORMA AUTOMÁTICA UN ÁREA DE TRABAJO RESUMEN Y VALIDACIÓN DE ÁREA DE TRABAJO LAS PROPIEDADES GENERALIDADES AL RESPECTO DE LAS PROPIEDADES LAS PROPIEDADES DE COMPORTAMIENTO PROPIEDADES DE COMPORTAMIENTO GENÉRICAS PROPIEDADES DE COMPORTAMIENTO DEL ÁREA DE TRABAJO PROPIEDADES DE COMPORTAMIENTO DE LA BARRA DE TELEFONÍA PROPIEDADES DE COMPORTAMIENTO DE LA PÁGINA DE CHAT PROPIEDADES DE COMPORTAMIENTO DE LAS PÁGINAS DINÁMICAS PROPIEDADES DE COMPORTAMIENTO DE LAS PÁGINAS ESTÁTICAS PROPIEDADES DE COMPORTAMIENTO DEL ELEMENTO ESTADOS DE COLA PROPIEDADES DE COMPORTAMIENTO DEL ELEMENTO INFORMACIONES PROPIEDADES DE COMPORTAMIENTO DEL ELEMENTO ESTADO DEL AGENTE LOS POPUP DE CONFIGURACIÓN DE PROPIEDADES POPUP DE SELECCIÓN DE COLOR POPUP DE GESTIÓN DE LAS IMÁGENES POPUP DE CONFIGURACIÓN DE CONTENIDO DENTRO DE UN FRAME DINÁMICO POPUP DE CONFIGURACIÓN DE URL DE UN FRAME ESTÁTICO POPUP DE CREACIÓN DE UNA URL EXTERNA NOTAS PARA LA PUESTA EN PRODUCCIÓN DE UN ÁREA DE TRABAJO / 27

3 Introducción El es la aplicación que permite generar los espacios de trabajo del Agente Hermes en V4. Este elemento se encuentra dentro del módulo Interface Designer de la solución. Existe un área de trabajo por defecto con las funcionalidades básicas de emisión y recepción de llamadas. Si se quiere dotar al sistema de funcionalidades específicas (tratamiento de mails, chat, etc ) se tendrá que generar un espacio de trabajo nuevo a través de esta herramienta. Los principios básicos de generación y puesta en producción del área de trabajo siguen la misma filosofía que el de la generación de Scripts. Esta herramienta permite añadir o eliminar los elementos disponibles. En esta documentación no describe con detalle la funcionalidad de cada elemento. Es una aplicación de cliente ligero, compatible con Microsoft Internet Explorer. 3 / 27

4 2 La Interfaz La interfaz, al iniciar esta aplicación es la que se ve a continuación: Zona de los menús de la aplicación. 2. Barra de los menús de la aplicación. 3. Zona de propiedades. 4. Menú del área de trabajo. 5. Área de trabajo. 6. Barra de estado de workspace Zona de los menús de la aplicación Los menús permiten acceder a las diferentes funciones del editor. Los menús se abren al pulsar con el ratón sobre el título de éstos. Los menús se cierran de forma automática si no son utilizados. A la derecha de cada título de los menús, existe un icono barra de menús con todas las opciones siempre a la vista que al pulsarlo, permite poner una 4 / 27

5 2... El Menú Scripts El menú scripts contiene los siguientes elementos: Nuevo Script: Esta opción permite crear un nuevo espacio de trabajo. Si hay uno existente y este no ha sido guardado o bien sus modificaciones no han sido guardadas, un mensaje de alerta propondrá guardar el trabajo ya realizado. Abrir Script: Este elemento permite abrir un área de trabajo que ya exista. Borrar Script: Abre un popup que permite seleccionar el área de trabajo a borrar. Permite borrar más de uno. Si el que se borra es el que estaba activo, se cierra la ventana del diseñador y se vuelve a la lista de scripts general del módulo Interface designer. Las consecuencias de borrar un area de trabajo que se encuentre en producción, están detalladas en el capítulo 5 de este mismo documento. Guardar: Permite guardar un área de trabajo, en la barra de estado del workspace se puede ver si ha sido guardado. Bloquear Script: Esta opción permite al desarrollador asegurarse un acceso de seguridad para poder realizar modificaciones. Una vez activado, el usuario tendrá que poner la contraseña para poder abrir esa área de trabajo en concreto. Generar: Abre la ventana de generación de workspace, con el objetivo de testear el área de trabajo o de pasarlo de forma definitiva a producción. El proceso se describe en el capítulo 5 de dicho documento. Exportar: Permite exportar un área de trabajo en formato *.wss. Una vez exportado, es fácilmente transportable e instalable en otra plataforma de Hermes net V4. Propiedades: Abre una ventana que permite renombrar el área de trabajo, y modificar su descripción. Volver a la lista de scripts: Cierra la aplicación workspace Designer y muestra el listado de Scripts que hay en la plataforma. Salir: Sale del módulo Interface designer. Cierra todo el módulo. 5 / 27

6 2..2. El menú Edición El menú Edición contiene los siguientes elementos: Deshacer: Permite anular la útima acción ejecutada. Si no hay ninguna modificación, el elemento aparece en gris y no puede ejecutarse. Deshacer Historia: Permite abrir una ventana con la lista de modificaciones efectuadas. Es posible también eliminar varias acciones a la vez. El histórico guarda en memoria las 0 últimas modificaciones realizadas. Si no hay ninguna modificación, el elemento aparece en gris y no puede ejecutarse. Cortar: Esta opción copia el elemento seleccionado en el portapapeles y lo elimina de la interfaz. Copiar: Esta opción copia el elemento seleccionado en el portapapeles. Pegar: Esta opción pega el elemento cortado o copiado desde el portapapeles a la interfaz. Si no hay elementos cortados o copiados, la opción aparece desactivada en gris. Pegar como el original: Esta opción pega el elemento cortado o copiado desde el portapapeles a la interfaz. Lo sitúa en el mismo lugar desde dónde se copio o cortó.si no hay elementos cortados o copiados, la opción aparece desactivada en gris. Seleccionar todo: Selecciona todos los elementos que se han dispuesto en la ventana principal. Deseleccionar: Quita la selección de todos los elementos que en ese momento esten seleccionados. Borrar marco: elimina los objetos que esten seleccionados. Hay un mensaje de confirmación de la acción. Se puede hacer también pulsando a la tecla Suprimir después de haber seleccionado el objeto a borrar. Ampliar: Permite realizar un zoom con el objetivo que esta sea totalmente visible. 6 / 27

7 2..3. El menú módulos El menú módulos contiene los siguientes elementos: Resumen de área de trabajo: Muestra una ventana un resumen del área de trabajo. Asistente de configurador: Genera de forma automática un área de trabajo. En el punto 3.3 se detalla su funcionamiento El menú preferencias El menú preferencias contiene los siguientes elementos: Objeto de captura: Esta opción permite activar los puntos de referencia de alineación de los objetos. Esta opción está detallada dentro de la sección Alineación de objetos. Previsualizar frames: Esta opción permite mostrar el contenido real de los elementos frame estático y frame dinámico para adaptar el tamaño del script con la ventana de frame. Si esta opción está activa, el workspace designer puede ir significativamente más lento. Transparencia de Objeto: Esta opción muestra los diferentes elementos creados de forma translúcida cuando no están seleccionados. Auto cerrar los objetos de la lista: permite dejar desplegados los menús. Auto guardar en 5 minutos: activa la opción de auto guardar cada 5 minutos. 7 / 27

8 2.2. Barra de menús La barra de menús de la aplicación permite poner de forma automática las opciones que se despliegan en los diferentes menús de la aplicación. Ciertos menús no son accesibles de esta forma Funcionamiento de la barra de menús Los menús se pueden mostrar en forma de barra si se pulsa sobre el icono que se encuentra a la derecha de cada título de menú. Los posibles aspectos son: Barra O bien si se arrastra hacia fuera de la zona de barra de menús, puede mostrarse como una ventana flotante: Además, se pueden configurar las barras de menús para mostrar sólo los iconos que se utilizan de forma habitual. Para hacer esto, sólo basta con pulsar sobre la barra creada con el botón derecho. Aparecerá el listado de las acciones con unos checkbox de referencia. Checkeando o no los objetos, éstos se mostraran o no. Nota: el aspecto dado será guardado para cada vez que se abra el área de trabajo. 8 / 27

9 Los elementos de la barra de menus del aplicativo La lista de objetos del menú Este menú permite insertar dentro del área de trabajo los diferentes elementos funcionales que utlizará el agente para realizar su trabajo. Para añadir un elemento, basta con pulsar sobre él en la barra de menús antes mencionada. La descripción de los elementos es: Barra de telefonía Frame de mail Frame de Chat Frame dinámico Frame estático Información de contacto Historial de contactación Estado de colas Informaciones Estadísticas de producción Frame de callback Barra de estado del agente El menú opciones Esta opción permite recargar el editor de workspace Esta opción pone el área de trabajo maximizado, tal y como lo vería un agente. 9 / 27

10 2.3. La zona de propiedades La zona de propiedades permite configurar los diferentes elementos funcionales así como la apariencia y el funcionamiento del area de trabajo del agente Los diferentes paneles, al desplegarse, aparecen dentro de la zona principal 2. Para desplegarlos, basta con pulsar sobre los títulos de las propiedades 3. Pulsando sobre el icono de la chicheta, el panel se queda fijo en la zona principal 0 / 27

11 2.4. El menú del área de trabajo Este menú permite acceder a los diferentes objetos presentes dentro del área de trabajo Botón para abrir y cerrar el menú. 2. Lista de todos los elementos que se encuentran en el área de trabajo. Pulsando sobre uno de ellos, el elemento emerge en el área de trabajo en forma de ventana. 3. Botón para ocultar todos los elementos del área de trabajo Área de trabajo La zona de trabajo permite situar los objetos dentro del área de trabajo. La utilización de dicha interfaz está detallada en el capítulo 3. / 27

12 2.6. Barra de estado de workspace La barra de estado muestra la información sobre el estado actual de el área de trabajo Visor gráfico del tiempo que falta para que se autoguarde la página 2. Estado del área de trabajo. Permite saber si hay algún tipo de error 3. Este elemento permite saber si alguien más está editando el área de trabajo. Si está en verde, sólo el usuario actual es quien está trabajando sobre ello. Si está en rojo, hay más de un usuario trabajando sobre ello. 4. Nombre del área de trabajo sobre el que se encuentra 5. Elemento sobre el cual se está trabajando en concreto. 5 2 / 27

13 3 Utilización de la Interfaz 3.. Dimensionando el área de trabajo La zona de trabajo puede ser dimensionada de dos modos: Absoluto o relativo. El modo absoluto se empleará en aquellas plataformas en las cuales se tenga la seguridad que las resoluciones de las pantallas de todos los operadores son iguales. Pudiendo crear un area de trabajo con las medidas exactas. El modo relativo se adapta a las plataformas donde los operadores pueden trabajar con resoluciones diferentes. Así puede haber cambios en las disposiciones de las ventanas cuando sean ejecutados por un operador u otro. Definir una u otra forma de dimensionar se hace desde la propiedad capa del area de trabajo, tal y como se muestra en la siguiente imagen: Nota: El tipo de dimensionamiento puede igualmente ser esogido durante la ejecución del asistente de configuración del área de trabajo (ver capítulo 3.3 Asistente de creación automática de los objetos). 3 / 27

14 3.2. Gestión de los objetos Interfaz general de los objetos Los objetos situados en el área de trabajo ofrecen varias posibilidades de edición. Dependiendo del tipo de objeto, las dimensiones son fijas o variables. Los objetos de dimensiones variables, permiten el redimensionamiento detro de la misma interfaz. Los elementos que contiene un objeto tipo son: Logo del elemento 2. Título del elemento 3. Minimización del elemento 4. Eliminación del elemento 5. Redimension del objeto a lo largo 6. Redimensión del objeto a lo ancho 7. Redimenion del objeto en diagonal Añadir objetos Añadri los objetos es una operación muy sencilla. Con un simple clic sobre el icono del objeto a añadir (frame dinámico, barra cti, historial, ) éste aparece en la zona de trabajo. Los objetos se disponen en forma de cascada para evitar el solapamiento. Todos los objetos disponen de la propiedad z-index que les permite situarse por encima o debajo del resto. 4 / 27

15 Alineación de los objetos Si la opción Objeto de captura del menú preferencias está activo, La alineación de los diferentes objetos dentro del área de trabajo es muy sencilla. Sólo hay que mover el objeto a alinear con respecto al elemento fijo que sirve de guía. Cuando el sistema detecta que está bien alineado, aparece una línea que lo indica (figura de la imagen superior). Esta alineación puede ser vertical ú horizontal. 5 / 27

16 3.3. Crear de forma automática un área de trabajo El sistema incorpora un asistente de creación automática. Este asistente permite crear áreas de trabajo con los elementos necesarios en base a unos requerimientos definidos por el usuario. El asistente es accesible a través del menú Módulos Asistente de configurador. Paso a paso para la creación de un área de trabajo Una vez activado el asistente se nos muestran las siguientes pantallas. Disposición del área de trabajo: en ella se define el tipo de resolución del área de trabajo (relativo o absoluto). 2. Tipo: en el se define si se quiere trabajar con CTI o no. (como norma general, siempre será con CTI) 6 / 27

17 3. Configurar el tipo de campañas que va a tratar el área de trabajo. 4. Definir que informaciones mostrar. 5. Capacidades de supervisión: se definen los diferentes modos por los que se puede supervisar a dicho area de trabajo., En base a los requerimientos escogidos, el área de trabajo adquirirá una u otra configuración. 7 / 27

18 3.4. Resumen y validación de área de trabajo La ventana de resumen de área de trabajo es accesible a través del menú Módulos resumen del área de trabajo Esta ventana, permite realizar un informe detallado de la configuración y de las URL s empleados, así como de los scripts utilizados y los elementos visibles en función del estado del agente. A su vez, el resumen adjunta recomendaciones, como por ejemplo, si el área de trabajo es para trabajar con CTI, y no se ha creado una barra de telefonía, En la ventana resumen, se pueden ver 3 botones: Impresión del resumen Recargar el resumen Salir del resumen El orden de elementos en el resumen El tipo de área de trabajo Las recomendaciones (si existen) Las informaciones de las páginas estáticas Las nformaciones de las páginas dinámicas 8 / 27

19 4 Las propiedades. 4.. Generalidades al respecto de las propiedades Se establecen las propiedades de los objetos en la zona de propiedades. Para poder cambiar la propiedad de un objeto, éste ha de estar seleccionado. Si no hay ningún objeto seleccionado las propiedades que se modificarán serán las del área de trabajo. Dependiendo del tipo de objeto, éste tendrá unas propiedades u otras. Las propiedades están organizadas por grupos: Objeto: Define el nombre y el título de los objetos. Apariencia: permite definir la apariencia gráfica del objeto (color de fondo, imagen de fondo, ) Comportamiento: Define las propiedades de funcionamiento de los objetos. Estas propiedades influyen directamente sobre las funcionalidades del elemento en sí. (están definidos en el apartado 4,2) Disposición: Define el tamaño y posición del objeto 4.2. Las propiedades de comportamiento Propiedades de comportamiento genéricas Redimensionar: especifica si el agente tendrá el derecho de redimensionar un elemento. Mover: especifica si el agente tendrá el derecho a mover el objeto seleccionado. Cerrar: especifica si el agente tendrá el derecho de cerrar el objeto seleccionado Propiedades de comportamiento del área de trabajo Muestra o no las opciones de desconexión Autoriza las transferencias a números libres Permite al agente personalizar las preferencias Autoriza la compartición de escritorio Autoriza la webcam para utilizarla en la supervisión Propiedades de comportamiento de la barra de telefonía Estas propiedades permiten regular la visibilidad de los diferentes botones que conforman la barra de telefonía. Además de estos se puede escoger: Lanza una alerta al pc del agente cuando entra una llamada Lanza una alerta al pc del agente cuando sale una llamada Lanza una alerta al pc del agente cuando sale una llamada manual Tiempo en segundos para que se lanze una llamada automática en modo preview 9 / 27

20 Propiedades de comportamiento de la página de chat Colgar: da al agente la capacidad para finalizar una sesión de chat. Llamada interna: permite al agente hacer una consulta con otro agente vía chat VideoConferencia: aún no está funcionando Propiedades de comportamiento de las páginas dinámicas Parámetros CTI: Permite definir cómo se van a llamar las variables estandar enviadas via URL (ANI, DNIS, ) Nota: es recomendable dejar el estándar. Contenido de frame: Permite definir qué páginas se han de mostrar en cada uno de los estados del módulo agente (pausa, esperando llamada, ) La descripción detallada de esta opción está en el punto Frame oculto: permite que sea un frame oculto. Es útil para acceder a ciertos eventos de cti para realizar acciones en segundo plano Propiedades de comportamiento de las páginas estáticas URL: define la Url que se mostrará dentro de este marco. Para conocer el detalle de la metodología de trabajo, consultar el punto Frame oculto: permite que sea un frame oculto. Es útil para acceder a ciertos eventos de cti para realizar acciones en segundo plano Propiedades de comportamiento del elemento Estados de cola Muestra o no la lista de llamadas telefonicas en cola Muestra o no la lista de mails en cola Muestra o no la lista de chats en cola Valor que se considera límite de numero de esperas, se activará una alarma Propiedades de comportamiento del elemento Informaciones Muestra el servicio activo Muestra el teléfono (o mail) del llamante Muestra la información de memo Muestra los datos asociados a la llamada Muestra el indice de la llamada (o mail) Muestra el elemento automáticamente durante la llamada Muestra automáticamente las informaciones a mostrar durante una llamada 20 / 27

21 Propiedades de comportamiento del elemento Estado del agente Modo: esta propiedad contiene 3 posibilidades: alto (fijo en la zona superior del área de trabajo), mover (funciona como una pantalla flotante), a elección de usuario (se comporta como una ventana flotante pero se puede quedar fijo en la zona superior al hacer doble clic) Monitorizando: permite al agente saber si está siendo monitorizado Los popup de configuración de propiedades Popup de selección de color Este elemento permite seleccionar un color a través de la paleta situada en la zona derecha, mostrándose en la zona central, tanto el color como su código hexadecimal. Hay también en la zona inferior un catálogo de colores para acceder de forma directa. Pulsando al botón aplicar, este color se aplica sobre el elemento seleccionado. 2 / 27

22 Popup de gestión de las imágenes Este popup permite escoger la imagen de fondo del área de trabajo Funciona de una manera muy similar al tratamiento de imágenes en Script Designer. 22 / 27

23 Popup de configuración de contenido dentro de un frame dinámico. Este popup permite configurar los scripts y las URL que serán mostradas dentro de las páginas dinámicas para chequear los eventos CTI Este elemento permite esoger el evento sobre el que se quiere actuar. 2. Se escoge el script definido por defecto. En el caso de llamada se pondrá el del script asociado a la campaña entrante o saliente 3. se escoge un script específico. Además se ha de definir en qué página del script se iniciará permite definir una URL externa 5. se añaden los parámetros de la llamada a dicha URL 6. establece la ventana en primer plano 7. muestra una alarma en el area de trabajo cuando el evento asociado ocurra 8. permite ver la página para poder adaptar el tamaño de la ventana 9. botón de ok 0. botón de cancelar 23 / 27

24 Popup de configuración de URL de un frame estático Este popup permite definir qué páginas se mostrarán en el frame estático Esta lista permite escoger una de las url externas definidas (en el punto se explica cómo hacer disponible una Url Externa) 2. Esta lusta permite escoger un script 3. Añade los elementos seleccionados a la lista dirección 4. La lista dirección 5. 5 permite eliminar, o cambiar de orden las direcciones a mostrar. Si hay más de una, en la zona superior del frame aparece un desplegable con las diferentes url que contenga 6. permite que el agente pueda definir Url desde su aplicativo 7. botón de ok 8. botón de cancelar / 27

25 Popup de creación de una URL externa Este popup es el que permite crear Url externas se muestra la lista de url creadas 2. Se muestra el nombre de la url 3. Se muestra la dirección de la url 4. permite guardar la url si se modifica 5. añade la nueva url 6. Botón de OK 7. Botón de Cancelar / 27

26 5 Notas para la puesta en producción de un área de trabajo Para que un área de trabajo pueda ser utilizado por un agente se han de cumplir 2 condiciones: Que esté generado Que ese agente tenga seleccionado esa área de trabajo (Desde administración) Para generar un área de trabajo, se ha de acceder al menú Scripts generación, donde emerge la siguiente pantalla: En ella nos encontramos los 3 tipos de generación así como dos elementos, agente y estación que han de ser rellenados obligatoriamente para que la generación funcione correctamente Nota: hágase notar que para un correcto funcionamiento se ha de generar en Producción 26 / 27

27 Av. Alicia Moreau de Justo 80 Piso Of 05C - C07AAX Ciudad de Buenos Aires Argentina