Per gestire l’accesso ai servizi pubblici e privati che utilizzano il sistema SPID, si rende necessario, sia per una questione di user experience che di immagine del sistema, la standardizzazione delle interfacce, della comunicazione e dell’utilizzo del logo SPID.
Il pulsante è disponibile in 4 dimensioni (s / m / l / xl) ed in formato “get” (chiamata ad una pagina esterna) e “post” (form interna al pulsante). I diversi IDP sono mostrati in ordine random attraverso una piccola funzione javascript che potrebbe essere sostituita attraverso una procedura di randomizzazione lato server. La pagina di accesso dovrà essere "mobile first" e utilizzabile su ogni tipologia di dispositivo.
Il pulsante è disponibile nella versione da utilizzare in produzione (production) e nella versione da utilizzare in sviluppo (development).
Il sistema richiede Jquery 1.8+.
spid-sp-access-button/
│
├── src/
│ ├── development
│ │ ├── spid-sp-access-button.html
│ │ ├── css
│ │ │ ├── spid-sp-access-button.min.css
│ │ ├── img
│ │ │ ├── spid-ico-circle-bb.png
│ │ │ ├── spid-ico-circle-bb.svg
│ │ │ ├── spid-idp-arubaid.png
│ │ │ ├── spid-idp-arubaid.svg
│ │ │ ├── spid-idp-infocertid.png
│ │ │ ├── spid-idp-infocertid.svg
│ │ │ ├── spid-idp-intesaid.png
│ │ │ ├── spid-idp-intesaid.svg
│ │ │ ├── spid-idp-lepidaid.png
│ │ │ ├── spid-idp-lepidaid.svg
│ │ │ ├── spid-idp-namirialid.png
│ │ │ ├── spid-idp-namirialid.svg
│ │ │ ├── spid-idp-posteid.png
│ │ │ ├── spid-idp-posteid.svg
│ │ │ ├── spid-idp-sielteid.png
│ │ │ ├── spid-idp-sielteid.svg
│ │ │ ├── spid-idp-spiditalia.png
│ │ │ ├── spid-idp-spiditalia.svg
│ │ │ ├── spid-idp-timid.png
│ │ │ ├── spid-idp-timid.svg
│ │ ├── js
│ │ │ ├── jquery.min.js
│ │ │ ├── spid-sp-access-button.min.js
│ ├── development
│ │ ├── spid-sp-access-button.html
│ │ ├── css
│ │ │ ├── spid-sp-access-button.min.css
│ │ ├── img
│ │ │ ├── spid-ico-circle-bb.png
│ │ │ ├── spid-ico-circle-bb.svg
│ │ │ ├── spid-idp-arubaid.png
│ │ │ ├── spid-idp-arubaid.svg
│ │ │ ├── spid-idp-infocertid.png
│ │ │ ├── spid-idp-infocertid.svg
│ │ │ ├── spid-idp-intesaid.png
│ │ │ ├── spid-idp-intesaid.svg
│ │ │ ├── spid-idp-lepidaid.png
│ │ │ ├── spid-idp-lepidaid.svg
│ │ │ ├── spid-idp-namirialid.png
│ │ │ ├── spid-idp-namirialid.svg
│ │ │ ├── spid-idp-posteid.png
│ │ │ ├── spid-idp-posteid.svg
│ │ │ ├── spid-idp-sielteid.png
│ │ │ ├── spid-idp-sielteid.svg
│ │ │ ├── spid-idp-spiditalia.png
│ │ │ ├── spid-idp-spiditalia.svg
│ │ │ ├── spid-idp-timid.png
│ │ │ ├── spid-idp-timid.svg
│ │ ├── js
│ │ │ ├── jquery.min.js
│ │ │ ├── spid-sp-access-button.min.js
v1.6 (19/11/2017) - Accedi ai dettagli delle modifiche
- Aggiunto Lepida ID
- Aggiunto pulsante SPID da utilizzare in produzione e quello da utilizzare in sviluppo
v1.5 (17/11/2017) - Accedi ai dettagli delle modifiche
- Aggiunto Intesa ID
- Aggiunto pulsante SPID da utilizzare in produzione e quello da utilizzare in sviluppo
v1.4 (26/06/2017) - Accedi ai dettagli delle modifiche
- Aggiunto Namirial ID
- Aggiunto SPIDItalia Register.it
v1.3 (05/02/2017) - Accedi ai dettagli delle modifiche
- Aggiunto ARUBA ID
- Aggiunta data-idp su punti elenco
- Modifica link per informazioni e supporto
v1.2 (19/09/2016) - Accedi ai dettagli delle modifiche
- Aggiunto SIELTE ID
- Correzione link su dropdown
- Correzione css per compatibilità pulsante
- Modifica loghi POSTE ID e TIM ID