La digitalizzazione dei processi sanitari richiede soluzioni pratiche, veloci e prive di fronzoli. La fase di accettazione dei campioni clinici è spesso rallentata da modulistica cartacea disordinata, errori di trascrizione manuale e gestione complessa delle conformità normative (es. consensi privacy e test specifici).
Per risolvere queste criticità, ho progettato Modulo Richiesta Esami e Consenso Informato, un’applicazione web standalone pensata per l’Infermeria Presidiaria Tipo “A” di Firenze, in grado di gestire in un’unica interfaccia l’anagrafica del paziente, la selezione degli esami diagnostici, la raccolta dei consensi e la generazione di documenti stampabili.
💡 Il Problema Risolto: Dalla Carta al Layout CEE/A4 Impeccabile
Nei contesti strutturati come le strutture sanitarie militari o le grandi infermerie, le principali sfide legate ai moduli d’accettazione sono:
- ⚠️ Decifrazione e compilazione incompleta: Difficoltà nel recuperare codici fiscali, esenti o dati del reparto richiedente.
- ⏳ Lentezza nelle registrazioni multiple: Necessità di compilare manualmente la “Dichiarazione di Concordanza” per elenchi di più pazienti.
- ❌ Scarti di stampa: Layout web che non si adattano ai fogli A4, generando pagine tagliate o inutilmente prolisse.
Il programma risolve questi problemi unificando il flusso di lavoro su un’unica interfaccia reattiva e ottimizzando automaticamente il layout per la stampa su singola pagina A4.
🛠️ Tecnologie Utilizzate
L’applicazione è stata sviluppata interamente in HTML5, CSS3 e JavaScript Vanilla, senza dipendenze da librerie esterne, garantendo massima velocità, portabilità e facilità di integrazione.
🎨 Frontend CSS & CSS Grid
- Utilizzo di CSS Custom Properties (variabili di colore) e CSS Grid per organizzare la selezione degli esami in un catalogo pulito a quattro colonne.
- Media Query
@media printavanzate: Formattazione chirurgica per nascondere i pulsanti d’azione durante la stampa, convertire i campi di input in sottili righe continue e ridurre le dimensioni dei font, garantendo l’adattamento perfetto ad un singolo foglio A4 portrait.
✍️ HTML5 Canvas per Firme Digitali
Integrazione di HTML5 Canvas API sia per la Firma Paziente che per la Firma Medico Richiedente. Gli eventi touch e mouse consentono di firmare direttamente tramite monitor touch-screen, tablet o mouse.
⚙️ JavaScript & Registro Dinamico
- Logica dei Profili Preimpostati: Selezionando un profilo (es. ID. S.M.I. BIENNALE, ID. RIMPATRIO o SORV. PERS. SANIT.) il codice attiva automaticamente tutte le checkbox degli esami clinici corrispondenti.
- Gestione Registro In-Memory: I dati dei pazienti vengono salvati temporaneamente in un registro JS. Questo permette di richiamare le anagrafiche dal menu a tendina o cancellare i campi per un “Nuovo Paziente” senza perdere il lavoro.
- Generatore “Dichiarazione di Concordanza”: Una funzione dedicata apre una finestra secondaria e genera al volo una tabella HTML pronta per la stampa, con la lista di tutti i pazienti registrati e i relativi codici esame.
🚀 I Punti di Forza del Programma
- 📋 Anagrafica Completa e Integrata: Campi dedicati per grado, FF.AA., documento di riconoscimento, reparto richiedente e motivazione.
- 🧬 Mappatura Esami e Profilazione Automatica: Selezione rapida con codici identificativi divisi per reparti (Ematologia, Coagulazione, Clinica Chimica, Immunologia, Drug Test) e auto-selezione tramite profili di idoneità.
- 📜 Consensi Informati Dinamici: Sezione integrata per la privacy (GDPR / L. 219/2017) e modulo specifico evidenziato per il test HIV.
- 🖊️ Firma Digitale con Canvas: Acquisizione immediata e azzeramento delle firme direttamente a schermo.
- 📄 Generazione Fogli di Concordanza: Creazione automatica del riepilogo tabellare per l’invio dei campioni al laboratorio.
- 🖨️ Print-Ready in A4: Algoritmo CSS dedicato per la stampa senza sovrapposizioni o sbavature.
Per utilizzare il programma clicca QUI
Se sei interessato a personalizzare questo script o a integrare il salvataggio dei dati su un database locale o Google Sheets, chiedi pure nei commenti! 👇
