1. Introduzione al progetto
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.
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).
2. La homepage: struttura e navigazione
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.
Uso del menu su mobile
- Su schermi piccoli compare l'icona in alto a destra.
- Toccala per aprire il menu a tendina con tutte le voci.
- Seleziona la voce desiderata: il menu si chiude automaticamente.
- La navbar è sticky: resta visibile durante lo scorrimento.
3. Le card di partecipazione
Elenco completo delle card
| Card | Colore | Funzione |
|---|---|---|
| Linee Guida PEBA | Rosso | Documento tecnico e normativa |
| PEBA Junior | Verde | Materiali educativi per i giovani |
| Modulo Questionario (PDF) | Arancione | Download modulo cartaceo |
| Compila Questionario Online | Viola | Segnalazione barriere via web |
| Dettatura vocale | Lavanda | Compilazione con la voce |
| Il tuo Contributo | Blu profondo | Upload del PDF compilato |
| Monitoraggio lavori | Rosa | Elenco file di progetto |
| Mappa luoghi di interesse | Viola scuro | Mappa interattiva PEBA |
4. Linee Guida PEBA
Consultazione del documento tecnico
La sezione Linee Guida PEBA raccoglie il documento tecnico ufficiale e i riferimenti normativi del piano.
- Dalla homepage clicca la card “Linee Guida PEBA” (colore rosso).
- Si apre la pagina con l'indice dei capitoli.
- Seleziona il capitolo o l'allegato di interesse.
- Usa i controlli del browser (Ctrl+F / Cmd+F) per cercare parole chiave nel testo.
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
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.
- Dalla homepage clicca la card “PEBA Junior” (colore verde).
- Si apre la pagina con le risorse dedicate.
- Scegli il materiale (schede, quiz, presentazioni) e scaricalo o aprilo.
6. Questionario online e modulo PDF
Compilazione del questionario online
- Clicca la card “Compila Questionario Online” (viola).
- Si apre il modulo da compilare.
- Rispondi a tutte le domande obbligatorie (contrassegnate con *).
- Indica il luogo della barriera e una descrizione dettagliata.
- Invia il modulo tramite il pulsante finale.
Download del modulo cartaceo
Per chi preferisce la compilazione cartacea è disponibile il modulo PDF ufficiale.
- Clicca la card “Modulo Questionario (PDF)” (arancione).
- Il file PDF viene scaricato sul dispositivo.
- Stampalo, compilalo in ogni sua parte e consegnalo secondo le indicazioni del modulo.
7. Compilazione con dettatura vocale
Questionario accessibile senza barriere
La modalità vocale è pensata per garantire l'accessibilità a chi ha difficoltà motorie o visive.
- Clicca la card “Compila questionario on-line con dettatura vocale” (lavanda).
- Si apre la pagina dedicata alla compilazione vocale.
- Consenti al browser l'accesso al microfono quando richiesto.
- Segui le istruzioni vocali o testuali e pronuncia le risposte.
- Verifica la trascrizione e correggi manualmente se necessario.
- Al termine scarica il PDF del questionario compilato.
8. Invio del contributo (upload PDF)
Caricamento del questionario compilato
Dopo aver compilato il questionario in PDF (cartaceo o vocale), puoi inviarlo direttamente dal portale.
- Clicca la card “Il tuo Contributo” (blu profondo).
- Si apre la pagina di upload.
- Clicca “Scegli file” e seleziona il PDF compilato dal tuo dispositivo.
- Verifica il nome del file e avvia l'upload con il pulsante dedicato.
- Attendi la conferma di avvenuto caricamento.
9. Monitoraggio lavori e documentazione
Elenco dei file di progetto
La card “Monitoraggio lavori” (rosa) dà accesso all'elenco dei file di progetto disponibili per la consultazione pubblica.
- Clicca la card oppure la voce Documentazione in navbar.
- Consulta l'elenco dei documenti disponibili.
- Seleziona il file di interesse per aprirlo o scaricarlo.
10. Mappa dei luoghi di interesse
Esplorazione della mappa interattiva
La card “Mappa dei luoghi di interesse al progetto PEBA” (viola scuro) apre la mappa interattiva.
- Clicca la card dedicata alla mappa.
- Attendi il caricamento dei livelli cartografici del progetto.
- Usa zoom e trascinamento per esplorare il territorio di Alba Adriatica.
- Clicca sui punti di interesse per visualizzare le informazioni associate.
- Attiva/disattiva i livelli dal pannello laterale, se presente.
11. Assistenza, accessibilità e contatti
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
Tabper spostarti tra i link eInvioper attivarli.
Risoluzione dei problemi più comuni
| Problema | Soluzione |
|---|---|
| Il microfono non funziona | Verifica i permessi del browser nelle impostazioni del sito; usa un browser aggiornato. |
| Il PDF non si scarica | Controlla la connessione e disattiva eventuali blocchi pop-up. |
| L'upload del PDF fallisce | Verifica che il file sia in formato PDF e di dimensioni contenute. |
| La mappa non carica | Attendi qualche secondo o ricarica la pagina; verifica la connessione. |
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.
| Ruolo | Nome |
|---|---|
| Responsabile Tecnico | Arch. Matteo Angrilli |
| Responsabile Informatico | Ing. Massimo Ragni |
| Luogo | Alba Adriatica (TE) |