• PWA
  • Pubblica amministrazione
  • Monitoraggio ambientale

Piattaforma ISPRA per segnalare cavità e sinkhole

Sinkhole & Cavity è il portale con cui geologi, professionisti del rischio e cittadini inviano a ISPRA segnalazioni geolocalizzate. H2App ha progettato il percorso a tappe — da smartphone e da browser — e il backoffice con cui l'ente legge, verifica e lavora i record.

Backoffice Sinkhole & Cavity: elenco segnalazioni sinkhole con data, regione, provincia, compilatore e comune PWA ISPRA, schermata Posizione geografica con campo indirizzo e mappa

Contesto e premesse

Segnalazioni dal territorio, leggibili da un ente di ricerca

ISPRA — Istituto Superiore per la Protezione e la Ricerca Ambientale — monitora fenomeni geologici sul territorio italiano, comprese cavità in buono stato e voragini. Serviva un canale unico in cui chi è sul posto, geologo o cittadino, potesse descrivere l'evento con campi che l'ente sa classificare, non con un testo libero da ricopiare.

Due pubblici, due profondità di scheda

Il cittadino deve chiudere una segnalazione senza gergo tecnico. Il professionista deve poter aggiungere rilievi, morfometria e stato di attività. Stesso portale, campi diversi.

Il punto sulla carta deve essere esatto

GPS del telefono, trascinamento sulla mappa o coordinate WGS84: tre modi per fissare il luogo, anche se il satellitare non risponde.

Identità pubblica, dati dell'ente

L'accesso passa da SPID, CIE o eIDAS. Le segnalazioni restano nel perimetro ISPRA: si pubblicano, si validano o si scartano dal backoffice, non da chi le ha inviate.

La soluzione di H2App

Un percorso a tappe, lo stesso da telefono e da browser

La segnalazione è una PWA: si apre da smartphone, anche inquadrando un QR, e dallo stesso sito su computer. React costruisce le schede; Node.js e PostgreSQL tengono identità, allegati e stati. ISPRA vede i record nel backoffice, non in una casella di posta.

  1. Identità

    Login con SPID, CIE o eIDAS; poi si sceglie se si è professionista o cittadino.

  2. Tipologia di segnalazione

    Cavità o sinkhole. Senza una scelta il percorso non avanza.

  3. Luogo e foto

    Scatto o galleria, poi GPS, mappa o coordinate. Si può correggere il punto a mano.

  4. Schede

    Generalità per tutti; livelli tecnici solo per i professionisti. Poi invio.

PWA ISPRA, storico segnalazioni: stato vuoto con invito a creare una nuova segnalazione

PWA di segnalazione

La pagina di atterraggio è lo storico segnalazioni

Dopo il profilo si entra nello storico. Se non c'è ancora nulla, la schermata invita a creare la prima segnalazione. Se ce ne sono, l'elenco porta data, stato e esito — lo stesso filo che il professionista rivede per seguire le proprie pratiche.

«Nuova segnalazione» apre la scelta cavità / sinkhole. Un avviso blocca chi prova ad andare avanti senza aver scelto: il tipo decide quali schede compariranno dopo.

Posizione e rilievo fotografico

Il punto sulla mappa, anche senza GPS

La foto si scatta al momento o si carica dalla galleria. Subito dopo arriva la geolocalizzazione: il dispositivo propone il punto, la mappa lo mostra, si può trascinare o scrivere un indirizzo.

Se il GPS manca, restano le coordinate. In scheda i campi WGS84 (e, dove previsto, XYZ) sono gli stessi che il backoffice userà per filtrare regione, provincia e comune.

PWA ISPRA: Posizione geografica con campo Cerca o inserisci un indirizzo e mappa del territorio

Backoffice ISPRA

Elenco, scheda, validazione: il lavoro dell'ente

Nel pannello le segnalazioni stanno su tre voci: Sinkhole, Cavità, Utenti. L'elenco mostra data, regione, provincia, compilatore e comune. Si apre la riga, si corregge, si elimina. Un «Crea» serve a chi inserisce dal tavolo, non solo dal campo.

La scheda di dettaglio riporta professione, località, ente, flag professionista, origine naturale, diametri, profondità, note morfometriche e classificazione. È il contenitore di verifica previsto dall'analisi: pubblicare, validare o scartare, con notifica e-mail agli indirizzi interni ISPRA a ogni nuovo arrivo.

Backoffice, scheda Visualizza/Modifica riga: data, provincia, coordinate WGS84, diametri, profondità e classificazione

Scelte di progetto

Identità pubblica, schede dell'ente, un solo percorso

SPID, CIE, eIDAS — niente account parallelo

L'utente non si registra nel portale: viene reindirizzato al gestore di identità scelto. Restano in ISPRA solo i dati della segnalazione, non una nuova anagrafica da custodire.

Professionista e cittadino, stesso wizard

La domanda sul profilo, in homepage, decide quali livelli si aprono. Non sono due prodotti: è la stessa pratica, con più schede se chi segnala ha gli strumenti per compilarle.

PWA, non un'app da store

Fotocamera, GPS e file del telefono servono in campo. Una PWA copre iOS e Android dallo stesso codice React, senza passare dagli store, e resta apribile da QR sul territorio.

Il progetto in pillole

Cliente
ISPRA — Istituto Superiore per la Protezione e la Ricerca Ambientale
Settore
Pubblica amministrazione, monitoraggio ambientale
Pubblicazione
2025
Piattaforme
PWA, web app, backoffice
Accesso
SPID, CIE, eIDAS — in produzione sull'hub GeoSciencesIR
Target utenti
Cittadini, professionisti, operatori ISPRA

Strumenti utilizzati

  • React
  • Node.js
  • PostgreSQL

Intorno alla piattaforma

  • PWA
  • SPID / CIE / eIDAS
  • Geolocalizzazione
  • Backoffice di validazione

React è il wizard di segnalazione, su telefono e su desktop. Node.js espone le API; PostgreSQL tiene utenti, schede e stati. H2App ha analizzato i tre filoni — area pubblica, PWA e backend di pubblicazione/validazione/scarto — e li ha implementati per ISPRA.

Il risultato

Campi strutturati, non un testo da riclassificare

ISPRA riceve segnalazioni con tipo, coordinate, foto e vocabolario dell'ente. Chi è in campo chiude il percorso a tappe; chi è in sede filtra, apre la riga e decide se validare. Il portale è in produzione sull'hub GeoSciencesIR, nella sezione Sinkhole Apps.

  • Schede allineate al lessico ISPRA

    Diametri, profondità, stato di attività, ambiente soprastante: valori da elenco, pronti da filtrare in backoffice.

  • Un punto sulla carta per ogni evento

    GPS, mappa o coordinate: la segnalazione arriva già localizzata su regione, provincia e comune.

  • Flusso di verifica interno

    Arrivo, notifica e-mail, validazione o scarto. L'intervento sul luogo resta di ISPRA, a valle dei record confermati.

Cosa abbiamo consegnato

  • PWA di segnalazione
  • Wizard web da browser
  • Accesso SPID, CIE, eIDAS
  • Profili professionista e cittadino
  • Schede cavità e sinkhole a livelli
  • Foto e geolocalizzazione
  • Storico segnalazioni
  • Backoffice Sinkhole / Cavità / Utenti
  • Notifiche e-mail interne

In produzione

Apri Sinkhole Apps

L'applicativo è pubblicato sull'hub GeoSciencesIR, tra le web app ISPRA. Da quella pagina si entra in Sinkhole Apps: il percorso di segnalazione e il backoffice restano nel perimetro dell'ente.

Backoffice Sinkhole & Cavity su laptop, con l'elenco delle segnalazioni

Progetti correlati

Case study a cura del team web H2App. Ultimo aggiornamento: Ottobre 2026.

Devi raccogliere segnalazioni dal territorio,
con identità SPID e schede diverse per ruolo?

Raccontaci ente, utenti e quali dati devono arrivare strutturati:
valutiamo insieme PWA, backoffice e integrazioni.

Parliamone