Sviluppo di un'applicazione web per la consultazione di studi DICOM

Abstract

La presente prova finale descrive la progettazione e lo sviluppo di un’applicazione web per la consultazione e la gestione di studi medici in ambito diagnostico, con integrazione a sistemi PACS. L’obiettivo principale è fornire un’interfaccia moderna, intuitiva e performante per la ricerca, la visualizzazione e l’analisi dei dati clinici.

L’applicazione è stata sviluppata utilizzando tecnologie web di ultima generazione, tra cui Vue.js, TypeScript e Vite, con l’ausilio della libreria Pinia per la gestione dello stato globale. L’architettura è basata su una chiara separazione tra frontend e backend, consentendo una comunicazione efficiente tramite API REST.

Particolare attenzione è stata dedicata al processo di autenticazione, implementato mediante token JWT, con gestione automatica del refresh per garantire la continuità della sessione utente. Il sistema consente di interrogare un PACS tramite lo standard DICOMweb, in particolare attraverso i servizi QIDO-RS e WADO-RS, permettendo il recupero dei metadati e delle immagini diagnostiche.

I dati ottenuti vengono elaborati e presentati attraverso un’interfaccia user-friendly, che include funzionalità di ricerca avanzata, visualizzazione strutturata degli studi e gestione delle anteprime delle serie. L’applicazione supporta inoltre la gestione della cultura corrente, adattando automaticamente formati di date, unità di misura e convenzioni locali.

Dal punto di vista dell’esperienza utente, sono state implementate soluzioni per garantire reattività, accessibilità e chiarezza nella visualizzazione delle informazioni. Il sistema è stato infine containerizzato tramite Docker e distribuito mediante un’infrastruttura basata su Nginx.

Il risultato è un’applicazione scalabile e modulare, in grado di integrarsi con sistemi sanitari esistenti e di migliorare l’efficienza nella consultazione dei dati diagnostici.

This thesis describes the design and development of a web application for the consultation and management of medical studies in a diagnostic context, with integration into PACS systems. The main objective is to provide a modern, intuitive, and high-performance interface for searching, viewing, and analyzing clinical data.

The application was developed using modern web technologies, including Vue.js, TypeScript, and Vite, with Pinia used for global state management. The architecture is based on a clear separation between frontend and backend, enabling efficient communication through REST APIs.

Particular attention was given to the authentication process, implemented using JWT tokens, with automatic refresh handling to ensure session continuity. The system allows querying a PACS through the DICOMweb standard, specifically using QIDO-RS and WADO-RS services, enabling the retrieval of metadata and diagnostic images.

The retrieved data are processed and presented through a user-friendly interface, featuring advanced search capabilities, structured study visualization, and thumbnail management for image series. The application also supports localization, dynamically adapting date formats, measurement units, and regional conventions.

From a user experience perspective, solutions were implemented to ensure responsiveness, accessibility, and clarity in data presentation. The system was finally containerized using Docker and deployed through an infrastructure based on Nginx.

The result is a scalable and modular application, capable of integrating with existing healthcare systems and improving efficiency in the consultation of diagnostic data.