HU004: Descarga de Imágenes DICOM

[javi-18]

Descripción: Cómo médico , quiero descargar las imágenes DICOM en mi computadora para trabajar con ellas sin conexión a internet y así poder hacer el diagnóstico correspondiente a cada paciente que examino

Criterios de aceptación:

• Dado un estudio visualizado, cuando el usuario seleccione la opción de descarga, entonces las imágenes se guardarán en su dispositivo local en formato DICOM.

• Dado que la descarga haya sido completada, cuando el usuario verifique el archivo descargado, entonces este debe incluir la información de la cabecera DICOM correspondiente.

[IKron3b]

Justificación de HU:

Esta HU entra en relevancia en situaciones en las que haya mala conexión o se caen los servidores del centro de salud, algo bastante común en este contexto. Poder descargar la información permitirá al usuario operar o no detener su trabajo debido a estos inconvenientes.

Tareas

• [x] 1. Planificar la creación de los botones "Descargar Imagen PNG" y "Descargar Información de Cabecera":

  • Añadiremos dos nuevos botones en la página de visualización del DICOM dentro del archivo Search.jsx.
  • Uno de los botones se encargará de convertir la imagen DICOM renderizada en la página a formato PNG para descargarla.
  • El segundo botón generará un archivo .txt con la información de cabecera extraída del archivo DICOM y almacenada en la base de datos.
  • Los botones estarán ubicados sobre la imagen y tendrán un diseño centrado.

• [x] 2. Implementar el botón "Descargar Imagen" para convertir la imagen DICOM a PNG:

  • Utilizaremos cornerstone para renderizar la imagen DICOM en la página y extraeremos el canvas generado.
  • Con el método canvas.toDataURL('image/png'), convertiremos la imagen del canvas a formato PNG.
  • Crearemos un enlace temporal en el código para que la imagen en formato PNG pueda descargarse al hacer clic en el botón.
  • Esta funcionalidad será implementada en el archivo Search.jsx.

• [x] 3. Implementar el botón "Descargar Información de Cabecera":

  • Recogeremos la información de cabecera del archivo DICOM almacenada en la base de datos y la formatearemos en un string para su descarga.
  • Esta información incluirá detalles como el nombre e ID del paciente, fechas del estudio, parámetros técnicos de la imagen, y detalles del dispositivo que generó la imagen.
  • Crearemos un archivo de texto .txt con esta información y lo prepararemos para que se descargue cuando el usuario haga clic en el botón.
  • La información de cabecera ya habrá sido extraída previamente del DICOM y almacenada en la base de datos durante la subida del archivo.

• [x] 4. Aplicar un diseño unificado a los botones:

  • Ambos botones tendrán un diseño con fondo gris, texto blanco, y bordes redondeados, asegurando una experiencia de usuario consistente.
  • También configuraremos el cursor para que cambie a pointer al pasar sobre los botones, mejorando la interacción del usuario con los elementos.
  • El diseño se aplicará directamente en el archivo Search.jsx usando CSS inline.

• [x] 5. Verificar el correcto funcionamiento de las descargas:

  • Probaremos que el botón "Descargar Imagen" convierta correctamente la imagen DICOM mostrada en el canvas a formato PNG y la descargue.
  • Verificaremos que el botón "Descargar Información de Cabecera" genere correctamente un archivo .txt con toda la información extraída del archivo DICOM.
  • Nos aseguraremos de que ambos botones funcionen correctamente y descarguen los archivos esperados sin errores.

• [x] 6. Modificar el backend para soportar búsquedas por nombre de archivo:

  • Añadiremos una nueva ruta en el archivo dicomRoutes.js para permitir que el frontend busque archivos DICOM por nombre.
  • Esta ruta buscará en la base de datos usando el nombre del archivo DICOM como parámetro y devolverá la información correspondiente.
  • La información de cabecera se habrá almacenado en la base de datos durante la subida de archivos DICOM mediante el uso de multer y dicom-parser.

• [x] 7. Probar la funcionalidad completa del sistema:

  • Comprobaremos que la búsqueda de archivos DICOM por nombre funcione correctamente y que la información de cabecera asociada se muestre en la página.
  • Verificaremos que la imagen DICOM se renderice correctamente en la página y que su descarga en formato PNG funcione sin problemas.
  • Finalmente, confirmaremos que la información de cabecera se descargue correctamente en formato .txt y que contenga todos los datos clave del archivo DICOM.