-
Notifications
You must be signed in to change notification settings - Fork 35
/
storia.yaml
318 lines (292 loc) · 14 KB
/
storia.yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
# INSTRUCTIONS
# folder structure:
# levelX.yaml < contents and settings
# levelX/ < folder with childrens
# important: each level has its dedicated template, from level1 to level4
#
# comments:
# #C to locate all editable content
# #M for links/navigation
# #I for images/media
# #AUTO for parts that will soon be automated, preferably
#
# comment with # to hide something
# delete with caution
# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
template:
name: level2
# ————————————————————————————————————————————
# SEO, OPENGRAPH
# ————————————————————————————————————————————
seo:
name: Storia - Designers Italia #C REMIND "- Designers Italia" #AUTO
description: Designers Italia è da sempre una community aperta a tutti i designers e professionisti della PA italiana #C
image: null #I
canonical: null
pathname: /progetto/storia/ #M
# ————————————————————————————————————————————
# NAV - PRE FOOTER
# ————————————————————————————————————————————
# navPreFooter:
# navOtherPrevNext:
# prev:
# label: Titolo sorella precedente #C
# url: "#" #M
# # image: /images/link-custom-icon.svg #I
# blank: false
# specular: false
# icon:
# icon: "sprites.svg#it-arrow-left"
# size: "sm"
# align: "middle"
# color: "primary"
# hidden: true
# addonClasses: flex-shrink-0 me-3
# next:
# label: Titolo sorella successiva #C
# url: "#" #M
# # image: /images/link-custom-icon.svg #I
# blank: false
# specular: true
# icon:
# icon: "sprites.svg#it-arrow-right"
# size: "sm"
# align: "middle"
# color: "primary"
# hidden: true
# addonClasses: flex-shrink-0 ms-3
# ————————————————————————————————————————————
# CONTENT
# ————————————————————————————————————————————
components:
# ///////////////////
# HERO
# ///////////////////
hero:
background: light
title: Storia #C
subtitle: Designers Italia è da sempre una community aperta a tutti i designers e professionisti della PA italiana #C
tag:
label: Progetto #C
addonClasses: mt-3 text-uppercase
pretext:
icon:
icon: sprites.svg#it-help-circle
size: sm
text: In breve
text: | #C
I contenuti e le risorse di Designers Italia sono in continua evoluzione: dalla versione alpha delle prime Linee guida di design per i siti web della PA del 2015 ad oggi, Designers Italia e la sua community hanno **contribuito alla creazione di numerosi progetti digitali** e perseguono l’obiettivo di far evolvere l’identità visiva e i processi di progettazione e ottimizzazione continua dei siti e dei servizi digitali pubblici.
# img: /images/400x300.png #I
# alt: alt lorem ipsum #C
imgRatio: 4x3
# KANGAROO: METADATA
kangaroo:
id: kangarooHero
titleSr: Metadati e link per approfondire
tagsLabel: Parliamo di
color: secondary
icon:
icon: sprites.svg#it-horn
size: sm
color: secondary
tags: [Cultura progettuale,Human centred design]
# # KANGAROO: CHILDREN SHORTCUTS
# dropdown:
# btnId: dropdownKang
# button:
# addonStyle: dropdown-toggle btn-dropdown
# label: Scopri il level 2 #C
# iconRight: true
# icon:
# icon: sprites.svg#it-expand
# size: sm
# color: primary
# addonClasses: icon-expand ms-2
# list:
# listItems: #M
# - url: "level3/"
# label: Level 3 #C
# iconRight: false #SHOW CHILDREN DROPDOWN ITEM ICONS
# icon:
# icon: sprites.svg#it-arrow-right
# color: primary
# size: sm
# ///////////////////
# SECTION EDITORIAL
# ///////////////////
sectionsEditorial:
# —
# IMG FULL COVER
# —
# - menu: false #TOGGLE RIGHT SECTION INDEX
# background: null
# full: true
# noSpace: true
# components:
# # IMG
# - name: ImageIcons
# image: /images/image-icons-fullwidth.jpg #I
# alt: Descrizione immagine grande #C
# —
# EDITORIAL #C #I
# —
- title: I progetti storici di Designers Italia
background: null
menu: false
centered: true
text: | #C
Le soluzioni digitali cui Designers Italia e i designers e developers della community hanno contribuito
components:
# TXT BLOCK
- name: TextImageCta
title: "pagoPA - Il servizio di pagamento verso la Pubblica Amministrazione" #C
text: | #C
pagoPA è il nodo di pagamenti della Pubblica Amministrazione. È una piattaforma che connette tra loro cittadini, Pubblica Amministrazione e i Prestatori di Servizi di Pagamento (PSP) per effettuare pagamenti verso la Pubblica Amministrazione in sicurezza e con semplicità.
Integrare pagoPA rappresenta un grosso vantaggio per le Pubbliche Amministrazioni perché i pagamenti vengono accreditati in tempo reale, vengono correttamente rendicontati e di conseguenza può immediatamente essere rilasciato al cittadino la quietanza con valore legale. Per un cittadino, pagoPA permette di scegliere il metodo di pagamento tra i diversi a disposizione, a seconda delle comodità e del livello di digitalizzazione.
La community di Designers Italia ha lavorato alla revisione del logo e del marchio pagoPA e alla revisione dell’esperienza utente.
# TXT BLOCK
- name: TextImageCta
title: "SPID - Sistema pubblico di identità digitale" #C
text: | #C
SPID (Sistema Pubblico di Identità Digitale) è il sistema di identità digitale che permette di utilizzare le stesse credenziali per accedere a tutti i servizi digitali della Pubblica Amministrazione da computer, tablet e smartphone. Il cittadino può ottenere SPID tramite i Gestori di identità (Identity Provider): una volta completata la procedura di verifica (che certifica l’identità del richiedente), vengono rilasciate delle credenziali (user e password) che possono essere utilizzate su tutti i siti che offrono servizi al cittadino (Service Provider).
ctas:
- label: Scopri di più sulla scheda SPID di Developers Italia #C
screenReaderText: " (si apre in una nuova finestra)" #C
url: https://developers.italia.it/it/spid/ #M
blank: true #M #C true if new tab for external links
icon:
icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
color: primary
align: middle
hidden: true
size: sm
addonClasses: ms-2
#### Linee guida SPID, asset e codice sorgente h4
#ctas:
# - label: Regole tecniche #C
# screenReaderText: " (si apre in una nuova finestra)" #C
# url: https://docs.italia.it/italia/spid/spid-regole-tecniche/ #M
# blank: true #M #C true if new tab for external links
# icon:
# icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
# color: primary
# align: middle
# hidden: true
# size: sm
# addonClasses: ms-2
# - label: Bottone di accesso con scelta IDP integrata #C
# screenReaderText: " (si apre in una nuova finestra)" #C
# url: https://github.com/italia/spid-sp-access-button #M
# blank: true #M #C true if new tab for external links
# icon:
# icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
# color: primary
# align: middle
# hidden: true
# size: sm
# addonClasses: ms-2
# - label: Icone, loghi e asset grafici #C
# screenReaderText: " (si apre in una nuova finestra)" #C
# url: https://github.com/italia/spid-graphics #M
# blank: true
# icon:
# icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
# color: primary
# align: middle
# hidden: true
# size: sm
# addonClasses: ms-2
# # TXT BLOCK
# - name: TextImageCta
# #title: "SPID - Sistema pubblico di identità digitale" #C
# ctas:
# - label: Layout standard di IDP #C
# screenReaderText: " (si apre in una nuova finestra)" #C
# url: https://github.com/italia/spid-idp-login-layout #M
# blank: true
# icon:
# icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
# color: primary
# align: middle
# hidden: true
# size: sm
# addonClasses: ms-2
# - label: Playbook Ansible di SP #C
# screenReaderText: " (si apre in una nuova finestra)" #C
# url: https://github.com/italia/spid-sp-playbook #M
# blank: true
# icon:
# icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
# color: primary
# align: middle
# hidden: true
# size: sm
# addonClasses: ms-2
# TXT BLOCK
- name: TextImageCta
title: "Web Analytics Italia (WAI)" #C
text: | #C
Web Analytics Italia (WAI) è una piattaforma di web analytics open source dedicata all’analisi dei dati di traffico dei siti della Pubblica Amministrazione.
WAI consente di:
* monitorare gratuitamente le statistiche di fruizione di siti e servizi digitali
* semplificare la condivisione dei dati nell’ambito della PA e/o con gli stakeholders esterni
* facilitare l’individuazione dei punti critici su cui intervenire per migliorare l’esperienza utente di siti e servizi
* detenere il totale controllo del dato e la sua proprietà, in linea con la norma GDPR
* disporre di strumenti ad hoc per pubblicare online le statistiche di siti e servizi monitorati (art.7 del Cad)
* esporre pubblicamente i dati rilevati in forma aggregata sul portale Web Analytics Italia
* beneficiare del supporto di una community di riferimento dedicata al progetto.
Web Analytics Italia (WAI) si basa sul software open source Matomo per le funzionalità di ingestion e reporting.
ctas:
- label: Vai a Web Analytics Italia (WAI) #C
screenReaderText: " (si apre in una nuova finestra)" #C
url: https://webanalytics.italia.it/ #M
blank: true #M #C true if new tab for external links
icon:
icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
color: primary
align: middle
hidden: true
size: sm
addonClasses: ms-2
- label: Vai all'art.7 del Cad #C
screenReaderText: " (si apre in una nuova finestra)" #C
url: https://docs.italia.it/italia/piano-triennale-ict/codice-amministrazione-digitale-docs/it/v2017-12-13/_rst/capo1_sezione2_art7.html?highlight=statistiche%20utilizzo #M
blank: true #M #C true if new tab for external links
icon:
icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
color: primary
align: middle
hidden: true
size: sm
addonClasses: ms-2
# # NUMBERS BLOCK
# - name: Numbers
# items: #C #I
# - label: Comuni interattivi
# icon: sprites.svg#it-tool
# number: "1200"
# - label: Comuni interattivi
# icon: sprites.svg#it-tool
# number: "1200"
# - label: Comuni interattivi
# icon: sprites.svg#it-tool
# number: "1200"
# - label: Comuni interattivi
# icon: sprites.svg#it-tool
# number: "1200"
# # TXT BLOCK WITHOUT TITLE, PLAIN MARKDOWN.
# # HEADING STARD WITH H4 JUST IN CASE
# - name: TextImageCta
# text: |
# #### Titoletto interno h4
# Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
# Lorem ipsum.
# TXT + CTA BLOCK
- name: TextImageCta
title: Siti web delle Pubbliche Amministrazioni (versione alpha) #C
text: | #C
La versione alpha del progetto italia.it nasce fra il 2014 e il 2015, per poi passare sotto la governance del Dipartimento per la trasformazione digitale.
A partire dal 2015 vari siti web delle PA italiane iniziano ad adottare la versione alpha delle Linee guida di design della PA: il primo tentativo di rendere coerenti per identità visiva, usabilità ed esperienza utente migliaia di siti web della Pubblica Amministrazione.