WORLD PLONEDAY COME REALIZZARE UN SITO WEB DI UNA PA CONFORME ALLE LINEE GUIDA DI AGID CON VOLTO E PLONE - PLONEGOV
←
→
Trascrizione del contenuto della pagina
Se il tuo browser non visualizza correttamente la pagina, ti preghiamo di leggere il contenuto della pagina quaggiù
World PloneDay
Come realizzare un sito web di una PA
conforme alle linee guida di AgiD
con Volto e Plone
Stefano Marchetti
28 Aprile 2021
agile.open.connected World PloneDay https://bit.ly/2VWTaAq
Di cosa parliamo
• Linee guida AgiD
https://tinyurl.com/yeowfkjo
• Plone & Volto & io-Comune
• Come costruire un sito AgiD da zero
3
Cosa sono le Linee Guida di
AgID e perché sono
importanti
Realizzare un sito AgiD con Volto e Plone
5 Realizzare un sito AgiD con Volto e Plone
L E L I NE E GUI DA
L’ obiettivo principale
Far sentire i cittadini a proprio agio: fare in modo che
la tecnologia sia uno strumento per ottenere
informazioni, in maniera chiara.
6 Realizzare un sito AgiD con Volto e Plone
L E L I NE E GUI DA
A chi si rivolgono?
COMUNI
Per i Comuni sono state stilate
linee guida specifiche
7 Realizzare un sito AgiD con Volto e Plone
L E L I NE E GUI DA
E altre PA
COMUNI CAMERE DI COMMERCIO BIBLIOTECHE
UNIVERSITÀ e SCUOLE OSPEDALI e AUSL PROVINCE e REGIONI
8 Realizzare un sito AgiD con Volto e Plone
UI KI T
UI Kit di AgID
10 Linee Guida AgID per le PAUI KI T
Nasce per essere
declinato in base
alle necessità
11 Linee Guida AgID per le PAUI KI T
E per essere ampliato
12 Linee Guida AgID per le PA13 Linee Guida AgID per le PA
Content first:
Ovvero della progettazione
dei contenuti che migliorano i
risultati e l’esperienza utente
Realizzare un sito AgiD con Volto e PloneCO NT EN U TI
AMMINISTRAZIONE
Tutte le informazioni su organi politici, aree amministrative
e uffici, enti e fondazioni, personale, luoghi.
SERVIZI
NOVITÀ
DOCUMENTI E DATI
15 Realizzare un sito AgiD con Volto e PloneCO NT EN U TI
AMMINISTRAZIONE
SERVIZI
Il content type: il contenuto Nella quasi totalità dei casi per usufruire di un servizio è
del sito necessita una
necessario completare una procedura in cui deve essere
chiaro all’utente il processo, gli attori coinvolti e il loro ruolo.
struttura
NOVITÀ
DOCUMENTI E DATI
16 Realizzare un sito AgiD con Volto e PloneCO NT EN U TI
AMMINISTRAZIONE
SERVIZI
NOVITÀ
La sezione Novità invece raggruppa notizie,
avvisi, comunicati stampa e eventi.
DOCUMENTI E DATI
io-ComuneCO NT EN U TI
AMMINISTRAZIONE
SERVIZI
NOVITÀ
DOCUMENTI E DATI
La sezione Documenti e Dati infine, è il contenitore per
tutti i documenti che il comune produce e possiede.
io-ComuneCO NT EN U TI
ARGOMENTI
Gli argomenti connettono le
informazioni in modo
trasversale rispetto ai content
type tramite TAG: un’alternativa
ai siti tematici.
io-ComuneI Siti web dei Comuni Italiani | Rappresentazione grafica dell’Architettura dell’Informazione CO NT EN U TI
LEGENDA HOMEPAGE DEL SITO
Forme dei riquadri
Forme e colori diversi di riquadri corrispondono a diversi content type
Amministrazione Novità Servizi Documenti e Dati Argomenti Area personale Cerca nel sito
Elenco dei content type utilizzati
Organi di governo Notizie Anagrafe e stato civile Documenti albo pretorio Pagina argomento 1 Le mie pratiche
Unità organizzativa
Giunta comunale Notizia 1 Cambio di residenza Decreto del Sindaco pratica 1
Consiglio comunale Notizia 2 pratica 2
Persona
... ...
Cultura e tempo libero Modulistica Pagina argomento 2 ...
Luogo
Aree amministrative Comunicati Prenotazione teatro Modulo 1 Pagamenti
Novità Area tributi Comunicato 1 Vita lavorativa Documenti funzionamento interno Pagina argomento 3 pagamento 1
Area lavori pubblici Comunicato 2 pagamento 2
Eventi ... ... Richiesta pensione Documento 1 ...
Servizio Uffici Eventi Attività produttiva e commercio Normative Documenti
Apertura Partita IVA
documento 1
Documenti Ufficio cultura Evento 1 Normativa XYZ
Ufficio anagrafe Evento 2
documento 2
Accordi tra enti ...
Dataset
... ...
Appalti pubblici
Messaggi
Enti e Fondazioni Partecipa alla gara 1 Accordo A
Pagina argomento
messaggio 1
Fondazione “Rossi” Catasto e urbanistica Documenti attività politica
Pratica messaggio 2
Circolo della cultura
Accedi al catasto
...
... Documento XY
Documento personale
Scadenze
Politici Turismo Rapporti tecnici
Pagamento scadenza 1
Chiara Bianchi (Sindaco) Rilascio visto Rapporto B
scadenza 2
Luigi Rossi (Ass.re)
Messaggio ...
...
Mobilità e trasporti Istanze
Profilo
Personale amministrativo Duplicato patente Istanza A
voce 1
Colore di riempimento
Andrea Abete Educazione e formazione Dataset
voce 2
riquadro blu: sezione Francesca Penna
...
... Iscrizione asilo nido Dataset relativo a...
riquadro colorato: lista
Luoghi Giustizia e sicurezza pubblica
riquadro bianco: foglia
Biblioteca Comunale Denuncia un crimine
Teatro Arrigoni
... Tributi e finanze
Dichiarazione redditi
20 Realizzare un sito AgiD con Volto e Plone Ambiente
Richiesta bidoneCON TEN UTI
Le diverse tipologie di contenuto
Sono nate per essere correlate
21 io-Comune22 Realizzare un sito AgiD con Volto e Plone
6 World PloneDayVolto è un frontend ReactJS per CMS e supporta 3
backend: Plone, Guillotina and a NodeJS
World PloneDay 23io-Comune Il portale web per i Comuni d’Italia (e la PA) Conforme alle linee guida AgID
ICONC
O- COMUN
LUDE N
E DO
io-Comune:
Il sito AgID per i
Comuni e altre PA
E’ una soluzione pronta all’uso
per costruire il sito di un
Comune o adattato per altre PA
conforme alle linee guida di
web design di AgID
25 Realizzare un sito AgiD con Volto e PloneI O- COMUN E
io-Comune
è costruito sulle
esperienze
io-Comune è una soluzione
consolidata, efficace e
pienamente rispondente alle
nuove linee guida, per offrire
agli utenti una perfetta
esperienza di navigazione.
26 Realizzare un sito AgiD con Volto e PloneI O- COMUN E
#opensource
Il layout conforme alle linee
guida AgID è rilasciato su
Github
27 Realizzare un sito AgiD con Volto e PloneCaratteristiche di io-Comune Realizzare un sito AgiD con Volto e Plone
C A RATTER I STI CH E
Caratteristiche principali
• Supporto delle nuove linee guida di web design di AgiD
• “Trovabilità” dei contenuti da parte dei cittadini
• Comportamento responsive
• Gestione content type di AgiD
argomenti, servizi, settori, uffici, persone, sindaco, giunta, consiglio, progetti del
Comune
• Facilità d’aggiornamento dei contenuti
• Fessibilità di composizione di pagine
• Contenuti multimediali
foto, gallery, podcast, Youtube, Vimeo
29 Realizzare un sito AgiD con Volto e PloneC A RATTER I STI CH E
Caratteristiche principali
• Area e calendario eventi e manifestazioni
• Modulistica scaricabile
• Bandi di gara e concorsi
• Contenuto “Luogo” georeferenziato
• Condivisione sui social
• Supporto a qualsiasi tipo di struttura editoriale
dalla galassia di redazioni decentrate con supervisione centralizzata, al singolo ufficio
editoriale centrale;
• Nessun limite al numero di redattori
• Gestione sezione Amministrazione Trasparente
30 Realizzare un sito AgiD con Volto e PloneC A RATTER I STI CH E
Caratteristiche principali
• Gestione whistleblowing
• URL parlanti e SEO friendly
• Facilità nella gestione di aree riservate
• Distribuzione dei contenuti cross-site con RSS
• Motore di ricerca full text
• “Briciole di pane” per un’agevole navigazione
• Supporto a Google Analytics
• Banner della normativa sui cookie
31 Realizzare un sito AgiD con Volto e PloneIntegrazioni disponibili Realizzare un sito AgiD con Volto e Plone
SPID
Lo SPID è una credenziale unica di
accesso, con identità verificata,
integrabile da siti pubblici e privati.
Consente ai cittadini di accedere con le
stesse credenziali ai servizi della PA.
33 Realizzare un sito AgiD con Volto e PloneApp IO Italia
Dà la possibilità di restare sempre
aggiornati sulle scadenze e aggiungere un
promemoria sul calendario personale.
È utile per il pagamento di servizi o tributi
direttamente dal messaggio, senza
lasciare l’app.
34 Realizzare un sito AgiD con Volto e PlonePagoPA
PagoPA facilita la diffusione dei sistemi di
pagamento elettronico e diventa il
tramite unico di tutti i pagamenti verso la
pubblica amministrazione italiana.
35 Realizzare un sito AgiD con Volto e Ploneio-Prenoto
io-Prenoto è la piattaforma SaaS di
prenotazione appuntamenti presso
gli uffici dell’Ente.
io-Prenoto è integrata con SPID e
l’app IO.
36 Realizzare un sito AgiD con Volto e Plonehttps://tinyurl.com/ygrfmek2
ICONC
N S I NTES
LUDEIN DO
io-Comune è
certificato
È qualificato sul marketplace di
AgiD come soluzione SaaS -
Software as a Service della PA
Garantisce un servizio di
qualità e libertà di cambiare
piattaforma senza vincoli di
lock-in.
38 Realizzare un sito AgiD con Volto e PloneI N S I NTES I
io-Comune
è la soluzione Arcjitettira
Architettura
informativa
chiavi in mano Ricerca
qualitativa e
quantitativa
È acquistabile sul Marketplace
10 ticket di
assistenza oraria
formazione
ufficiale (MEPA)
Installazione ed
hosting per i primi
12 mesi
• Il setup e la configurazione
del sistema
• La formazione
• I primi 12 mesi di hosting
39
• Assistenza
Realizzare un sito AgiD con Volto e PloneI N S I NTES I
io-Comune
è nel cloud
io-Comune è, come richiesto
dalla normativa, nel cloud
certificato della PA.
Il servizio è erogato su IaaS
(Infrastructure as a Service)
Amazon Web Services di
Milano.
40 Realizzare un sito AgiD con Volto e Plone
https://www.startmag.it/wp-content/uploads/aws01.jpgI N S I NTES I
io-Comune:
formazione
• La formazione è erogata in
modalità training on-the-job
• Svolta da remoto e
registrata per consentirne la
fruizione offline.
41 Realizzare un sito AgiD con Volto e PloneI N S I NTES I
io-Comune:
Help Desk
shorturl.at/muKZ2
Viene fornito un servizio di
help disk di 1° e 2° livello con
un supporto direttamente dal
team di sviluppo del prodotto
42 Realizzare un sito AgiD con Volto e PloneI N S I NTES I
io-Comune:
Architettura
informativa
https://tinyurl.com/yjo9drae
Viene fornito un servizio di
supporto per la definizione
della nuova architettura
informativa secondo le
indicazioni di AgiD: utile ed
apprezzata per la fase di
migrazione
43 Realizzare un sito AgiD con Volto e PloneI N S I NTES I
Avviso
https://tinyurl.com/yjo9drae
Le slide che seguono, fino alla slide “OK, cool! Ma le altre PA?”, contengono
dei video che non è possibile embeddare in questo file.
Per visualizzare tali video si consiglia di accedere al video YouTube a partire
dal minuto 2h 54m 24s - vai direttamente al momento al link:
https://youtu.be/U-FhRkNYu58?t=10464
45 Realizzare un sito AgiD con Volto e PloneStruttura di base e menu principale
Content type - A portata di mano AL C U NI E SEMP I
47 Realizzare un sito AgiD con Volto e Plone
io-ComuneCreazione notizia e news in evidenza in home page
Creazione blocco notizie in home page
Blocchi - Più di 20 opportunità AL C U NI E SEMP I
50 Realizzare un sito AgiD con Volto e Plone
io-ComuneCreazione unità organizzativa (ufficio)
Creazione argomento (area tematica) e collegamento con l’unità organizzativa (ufficio)
Setup home argomenti
Impostazione argomenti in home page
Impostazione ricerca nei servizi, in home page
Creazione sotto sito e menu dedicato
Impostazione contenuti sotto sito
Ok,Ste:
cool!
Perché avevi detto
che sito agid per la PA e
Manon
58
le solo
altre
perPA?
i comuni?
Linee Guida AgID per le PAF L ES S IB I L I TÀ
Posso usare i
pezzi del puzzle
per altri tipi di siti
PA conformi ad
AgiD
59 Realizzare un sito AgiD con Volto e PloneOSPEDALI e AUSL
AGID 2.0
60 Realizzare un sito AgiD con Volto e PloneCOMUNI & UNIONI
AGID 2.0
61 Realizzare un sito AgiD con Volto e PloneOSPEDALI e AUSL
AGID 2.0
62 Realizzare un sito AgiD con Volto e PloneBIBLIOTECHE
AGID 2.0
63 Realizzare un sito AgiD con Volto e PloneCAMERE DI COMMERCIO
AGID 2.0
64 Realizzare un sito AgiD con Volto e PloneP.A.C.
FORZE DI POLIZIA
AGID 2.0
65 Realizzare un sito AgiD con Volto e PloneWe are
Python
React
Dal 1999, a fianco degli Enti Locali e della PA.
Membri attivi della Community Plone da sempre.
Fondatori di PloneGov Italia.
Certificati UNI EN ISO 9001:2015
per lo sviluppo software.
Immagini da Pexels e Unsplash - Icone da Thenounproject e Flaticon - Illustrazioni da unDraw
Le informazioni contenute in questo documento sono di proprietà di RedTurtle e del
io-Comune
destinatario del documento.Puoi anche leggere
