1. Introduzione al progetto

1

Che cos'è il P.E.B.A.

Il P.E.B.A. (Piano per l'Eliminazione delle Barriere Architettoniche) è il progetto del Comune di Alba Adriatica che mira a rendere la città accessibile e inclusiva per tutti.

Il portale rappresenta il punto di accesso unico alle risorse del progetto: documentazione tecnica, materiali educativi, strumenti di segnalazione e mappe interattive.

Obiettivo del manuale: guidare l'utente (cittadino, tecnico, studente) in ogni funzione pubblica del portale, passo dopo passo.

Il portale si rivolge a:

  • Cittadini che vogliono segnalare barriere architettoniche o partecipare al questionario.
  • Tecnici e progettisti che consultano la documentazione ufficiale e la normativa.
  • Studenti e giovani che utilizzano i materiali educativi (PEBA Junior).
Tutte le funzioni del portale sono pubbliche: non è prevista alcuna area riservata né autenticazione.

2. La homepage: struttura e navigazione

2

Mappa della pagina iniziale

La homepage è organizzata in tre blocchi principali:

  • Navbar superiore: brand PEBA a sinistra e menu di navigazione a destra (Linee Guida, PEBA Junior, Contatti, Documentazione).
  • Header centrale: titolo animato P.E.B.A. e sottotitolo del progetto.
  • Griglia di card (“Risorse e Partecipazione”): card tematiche con effetti neon.
  • Footer: responsabili tecnico e informatico, luogo, crediti e anno corrente.
Tutte le card sono cliccabili: al passaggio del mouse si animano e mostrano il colore tematico della funzione.
2b

Uso del menu su mobile

  1. Su schermi piccoli compare l'icona in alto a destra.
  2. Toccala per aprire il menu a tendina con tutte le voci.
  3. Seleziona la voce desiderata: il menu si chiude automaticamente.
  4. La navbar è sticky: resta visibile durante lo scorrimento.

3. Le card di partecipazione

3

Elenco completo delle card

CardColoreFunzione
Linee Guida PEBARossoDocumento tecnico e normativa
PEBA JuniorVerdeMateriali educativi per i giovani
Modulo Questionario (PDF)ArancioneDownload modulo cartaceo
Compila Questionario OnlineViolaSegnalazione barriere via web
Dettatura vocaleLavandaCompilazione con la voce
Il tuo ContributoBlu profondoUpload del PDF compilato
Monitoraggio lavoriRosaElenco file di progetto
Mappa luoghi di interesseViola scuroMappa interattiva PEBA
Ogni card mostra il titolo, una descrizione sintetica e un'etichetta di azione (es. “Scarica PDF”, “Compila Online”).

4. Linee Guida PEBA

4

Consultazione del documento tecnico

La sezione Linee Guida PEBA raccoglie il documento tecnico ufficiale e i riferimenti normativi del piano.

  1. Dalla homepage clicca la card “Linee Guida PEBA” (colore rosso).
  2. Si apre la pagina con l'indice dei capitoli.
  3. Seleziona il capitolo o l'allegato di interesse.
  4. Usa i controlli del browser (Ctrl+F / Cmd+F) per cercare parole chiave nel testo.
Il documento è pensato per la consultazione pubblica: è liberamente accessibile.

Contenuti tipici delle Linee Guida:

  • Inquadramento normativo (Legge 13/1989, D.P.R. 503/1996, D.M. 236/1989).
  • Metodologia di rilevamento delle barriere.
  • Schede tecniche degli interventi previsti.
  • Priorità e cronoprogramma degli interventi.

5. PEBA Junior

5

Materiali educativi per i giovani

La sezione PEBA Junior propone materiali educativi e progetti pensati per le scuole e per i più giovani, con un linguaggio semplice e contenuti interattivi.

  1. Dalla homepage clicca la card “PEBA Junior” (colore verde).
  2. Si apre la pagina con le risorse dedicate.
  3. Scegli il materiale (schede, quiz, presentazioni) e scaricalo o aprilo.
PEBA Junior è lo strumento ideale per laboratori scolastici e percorsi di educazione civica sull'accessibilità.

6. Questionario online e modulo PDF

6a

Compilazione del questionario online

Percorso partecipativo
  1. Clicca la card “Compila Questionario Online” (viola).
  2. Si apre il modulo da compilare.
  3. Rispondi a tutte le domande obbligatorie (contrassegnate con *).
  4. Indica il luogo della barriera e una descrizione dettagliata.
  5. Invia il modulo tramite il pulsante finale.
I campi contrassegnati con * sono obbligatori: senza di essi l'invio non va a buon fine.
6b

Download del modulo cartaceo

Per chi preferisce la compilazione cartacea è disponibile il modulo PDF ufficiale.

  1. Clicca la card “Modulo Questionario (PDF)” (arancione).
  2. Il file PDF viene scaricato sul dispositivo.
  3. Stampalo, compilalo in ogni sua parte e consegnalo secondo le indicazioni del modulo.
Conserva una copia del modulo compilato: ti servirà per l'eventuale upload digitale (sezione 8).

7. Compilazione con dettatura vocale

7

Questionario accessibile senza barriere

La modalità vocale è pensata per garantire l'accessibilità a chi ha difficoltà motorie o visive.

  1. Clicca la card “Compila questionario on-line con dettatura vocale” (lavanda).
  2. Si apre la pagina dedicata alla compilazione vocale.
  3. Consenti al browser l'accesso al microfono quando richiesto.
  4. Segui le istruzioni vocali o testuali e pronuncia le risposte.
  5. Verifica la trascrizione e correggi manualmente se necessario.
  6. Al termine scarica il PDF del questionario compilato.
Usa un browser aggiornato e un ambiente silenzioso. La dettatura richiede una connessione stabile.
Questa modalità è conforme ai principi di accessibilità del progetto PEBA.

8. Invio del contributo (upload PDF)

8

Caricamento del questionario compilato

Dopo aver compilato il questionario in PDF (cartaceo o vocale), puoi inviarlo direttamente dal portale.

  1. Clicca la card “Il tuo Contributo” (blu profondo).
  2. Si apre la pagina di upload.
  3. Clicca “Scegli file” e seleziona il PDF compilato dal tuo dispositivo.
  4. Verifica il nome del file e avvia l'upload con il pulsante dedicato.
  5. Attendi la conferma di avvenuto caricamento.
Carica solo file in formato PDF e di dimensioni contenute. File non conformi potrebbero essere rifiutati.
Il tuo contributo è essenziale per la pianificazione degli interventi!

9. Monitoraggio lavori e documentazione

9

Elenco dei file di progetto

La card “Monitoraggio lavori” (rosa) dà accesso all'elenco dei file di progetto disponibili per la consultazione pubblica.

  1. Clicca la card oppure la voce Documentazione in navbar.
  2. Consulta l'elenco dei documenti disponibili.
  3. Seleziona il file di interesse per aprirlo o scaricarlo.
La documentazione è pubblica e liberamente consultabile.

10. Mappa dei luoghi di interesse

10

Esplorazione della mappa interattiva

La card “Mappa dei luoghi di interesse al progetto PEBA” (viola scuro) apre la mappa interattiva.

  1. Clicca la card dedicata alla mappa.
  2. Attendi il caricamento dei livelli cartografici del progetto.
  3. Usa zoom e trascinamento per esplorare il territorio di Alba Adriatica.
  4. Clicca sui punti di interesse per visualizzare le informazioni associate.
  5. Attiva/disattiva i livelli dal pannello laterale, se presente.
I luoghi di interesse includono edifici pubblici, percorsi pedonali, attraversamenti e punti critici segnalati.

11. Assistenza, accessibilità e contatti

11a

Accessibilità del portale

  • Il sito è progettato per essere fruibile da tutti, inclusi utenti con disabilità.
  • È disponibile la compilazione vocale del questionario.
  • I contrasti colore e le dimensioni dei testi sono pensati per una buona leggibilità.
  • Per una migliore esperienza usa un browser aggiornato e, se necessario, tecnologie assistive (lettori di schermo, ingranditori).
  • La navigazione da tastiera è supportata: usa Tab per spostarti tra i link e Invio per attivarli.
11b

Risoluzione dei problemi più comuni

ProblemaSoluzione
Il microfono non funzionaVerifica i permessi del browser nelle impostazioni del sito; usa un browser aggiornato.
Il PDF non si scaricaControlla la connessione e disattiva eventuali blocchi pop-up.
L'upload del PDF fallisceVerifica che il file sia in formato PDF e di dimensioni contenute.
La mappa non caricaAttendi qualche secondo o ricarica la pagina; verifica la connessione.
11c

Contatti e riferimenti

Per informazioni sul progetto P.E.B.A. e sulle modalità di partecipazione, usa la voce Contatti in navbar o rivolgiti al Comune di Alba Adriatica.

RuoloNome
Responsabile TecnicoArch. Matteo Angrilli
Responsabile InformaticoIng. Massimo Ragni
LuogoAlba Adriatica (TE)
In caso di difficoltà nella compilazione del questionario o nell'invio delle segnalazioni, utilizza il modulo cartaceo come alternativa.