• No se han encontrado resultados

Capítulo 4: Frontend web

4.1 Arquitectura Web

4.4.2 Rol Especialista

Cuando un usuario con rol especialista entra en la aplicación por primera vez, se va a encontrar con un solo botón (Figura 10).

Este botón nos permite agregar pacientes. Al hacer click, abre una pantalla (Figura 11) donde tenemos que ingresar el nombre del paciente y hacer click en el botón “Add” para finalizar la creación. Tanto el botón “ Cancel” como la cruz superior izquierda, cierre esta pantalla.

Una vez creado el paciente, haciendo click derecho sobre el mismo podemos seguir creando pacientes, renombrar al paciente seleccionado, o eliminar al paciente seleccionado.

Al momento de hacer clic en “Rename” se va a abrir la misma ventana que cuando se agrega un paciente, pero esta vez el nombre está completo con el del

La acción “Delete” nos va a abrir una nueva ventana (Figura 13) y nos va a pedir una confirmación sobre la acción que estamos realizando.

Figura 13 - Eliminar paciente

Si hacemos click en “Confirm” va a borrar al paciente , si se hace click en la cruz derecha superior, esta ventana se cierra sin cambios.

Al momento de agregar o editar un paciente, se realizan las siguientes validaciones:

● El paciente no puede tener un nombre vacío.

● El paciente solo puede tener caracteres en minúscula, caracteres en mayúscula, espacios y números.

● Los nombres de los pacientes son únicos, no pueden existir 2 pacientes con el mismo nombre.

Todas estas validaciones se realizan para evitar el uso de la red, en caso de cumplirlas se hace una petición al servidor para llevar a cabo la acción requerida.

Para acceder a los archivos del paciente, tenemos que hacer click izquierdo sobre él. Ésto nos va a mostrar 3 nuevas acciones disponibles (Figura 14).

El botón “Add Folder” nos va a permitir agregar una nueva carpeta para el paciente, las acciones disponibles y validaciones son iguales que cuando se crea un nuevo paciente.

Al hacer click en el botón “ Add File” nos va a permitir subir un archivo en la carpeta en la cual estamos parados y nos va a abrir la siguiente ventana (Figura 15)

Figura 15 - Agregar un archivo

Haciendo click en el botón “ Choose File” elegimos el archivo de nuestra pc para subir. Al hacer click en “Add” se va a subir al backend de Golang el archivo, mientras se realiza este proceso se muestra un spinner qué está cargando. Antes de utilizar el servicio del backend de Golang, se realizan las siguientes validaciones :

● No puede haber 2 archivos con exactamente el mismo nombre. ● Solo se pueden subir archivos con la extensión .vtk

● No se puede subir un archivo vacío al servidor .

Al hacer clic derecho sobre los archivos tienen 4 acciones posibles: “ Render”, “Rename”, “Download” y “Delete”.

La acción “Download” nos permite descargar el archivo para poder visualizarlo localmente en un futuro en caso de que la visualización remota no esté disponible. Nos muestra un cartel de confirmación de la acción que estamos llevando a cabo, tal como la eliminación de un archivo. La acción de “ Delete” tiene el mismo comportamiento que cuando se quiere eliminar un paciente.

Figura 16 - Editar un archivo

Cuando se hace clic en “Rename” se abre una venta con el nombre de archivo sin la extensión (Figura 16). Esto es para que el tipo de archivo sea transparente para el usuario final.. Una modificación accidental de la extensión podría producir un fallo a futuro, dado que el renderizador hace un chequeo de la extensión. En caso de que la extensión no sea válida, el renderizador va a fallar. Al presionar el botón “ Render”, nos va a aparecer un spinner que la herramienta Visualizer indica que está cargando. La pantalla se mantiene mientras se está inicializando todo el proceso para la visualización.

Figura 17 - Cargando Visualizer

El sistema mostrará los archivos del especialista que lo abra. El Visualizer es una herramienta aún en desarrollo. Todavía no permite cargar un archivo por defecto. Por ello se debe ir al apartado de archivos y seleccionar manualmente el archivo a visualizar.

Al abrir la herramienta nos dirigimos a la pestaña de documentos (Figura 18), ahí figura las carpetas de los pacientes, al hacer clic en la carpeta entramos en ella y al hacer clic en el archivo que queremos visualizar (Figura 19), va a empezar la carga del archivo, esto puede demorar dependiendo del tamaño.

Figura 18 - Lobby Visualizer

Una vez finalizada la carga, podemos ir a la siguiente sección (Figura 20) para modificar los valores que estamos viendo, ya sean filtros, representaciones, superficies, colores y demás herramientas que el visualizer posee. Se puede controlar la figura haciendo click izquierdo sobre ella y moviéndola en la dirección que queramos, además posee un zoom in / out con la rueda del ratón.

Figura 20 - Herramientas Visualizer

En caso de que el servidor remoto de visualización no responda, esta la opción de visualización local, está se encuentra ni bien se entra en la pantalla de logueo (Figura 21).

O una vez ingresado en la cuenta del especialista, en las opciones principales está este mismo botón (Figura 21).

Ambos nos van a llevar a la pantalla de visualización local donde tenemos que elegir un archivo (Figura 22).

Figura 22 - Eleccion de archivo local

Solo se aceptan archivo con extensión .stl. Una vez elegido el archivo, va a empezar a cargarlo, mostrándonos un spinner.

Cuando finaliza, nos muestra la figura cargada (Figura 23), pero como es una visualización local carece de features para manipular el modelo.

Solo se puede hacer zoom in/out con la rueda del ratón y controlar al modelo con el click izquierdo moviendolo en la dirección que querramos.

Documento similar