Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service...
Transcript of Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service...
![Page 1: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/1.jpg)
Plone5 + layout Agid:un connubio perfetto!
Sara Turra - Regione Emilia-Romagna
World Plone Day 15/05/2018
![Page 2: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/2.jpg)
Progetto 2017-2018:
Un nuovo layout per il web regionale
• Linee guida Agid
• Migrazione a Plone5
World Plone Day 15/05/2018 1/28
![Page 3: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/3.jpg)
Perché un nuovo layout? (1)
Layout datato
(2010)
World Plone Day 15/05/2018 2/28
![Page 4: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/4.jpg)
Perché un nuovo layout? (2)
No mobile
World Plone Day 15/05/2018 3/28
![Page 5: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/5.jpg)
Perché un nuovo layout? (3)
Struttura rigida
World Plone Day 15/05/2018 4/28
![Page 6: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/6.jpg)
Perché un nuovo layout? (4)
Troppi vincoli per i redattori
Servizi
Siti tematici
Social
Banner
Calendario
Appuntamenti / Annunci
In evidenza
Multimedia
World Plone Day 15/05/2018 5/28
![Page 7: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/7.jpg)
Perché un nuovo layout? (5)
Font piccolo
Confusione
Usabilità (i 3 tab incompresi)
World Plone Day 15/05/2018 6/28
![Page 8: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/8.jpg)
Cosa possiamo fare? (1)
1. Gara per un nuovo progetto grafico e di comunicazione
World Plone Day 15/05/2018 7/28
![Page 9: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/9.jpg)
Cosa possiamo fare? (1)
1. Gara per un nuovo progetto grafico e di comunicazione
• Niente soldi in bilancio• Tempi lunghi per fare la gara• Tanta burocrazia e tanta fatica• Tempi lunghi per la realizzazione
World Plone Day 15/05/2018 8/28
![Page 10: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/10.jpg)
Cosa possiamo fare? (2)
1. Gara per un nuovo progetto grafico e di comunicazione
2. Applicare le linee guida di design per i siti web della PA
World Plone Day 15/05/2018 9/28
![Page 11: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/11.jpg)
Cosa possiamo fare? (2)
1. Gara per un nuovo progetto grafico e di comunicazione
2. Applicare le linee guida di design per i siti web della PA
• Layout gradevole e mobile first• Riconoscibilità come PA• Leggibilità, usabilità, accessibilità ‘certificate’• Web toolkit pronto per l’uso• Fornitori già con esperienza• Tempi rapidi
World Plone Day 15/05/2018 10/28
![Page 12: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/12.jpg)
Cosa possiamo fare? (3)
1. Gara per un nuovo progetto grafico e di comunicazione
2. Applicare le linee guida di design per i siti web della PA
3. E - già che ci siamo - migriamo a Plone5 !
World Plone Day 15/05/2018 11/28
![Page 13: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/13.jpg)
Al lavoro… (1)
1. Mockup (2/1/2017)
World Plone Day 15/05/2018 12/28
![Page 14: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/14.jpg)
Al lavoro… (2)
1. Mockup (2/1/2017)
2. Visual (gennaio)
World Plone Day 15/05/2018 13/28
![Page 15: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/15.jpg)
Al lavoro… (3)
1. Mockup (2/1/2017)
2. Visual (gennaio)
3. Approvazione progetto (febbraio->...) Criticità:• I soldi• Linee guida in continuo cambiamento• Passaggi formali per approvazione Giunta
World Plone Day 15/05/2018 14/28
![Page 16: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/16.jpg)
Al lavoro… (4)
1. Mockup (2/1/2017)
2. Visual (gennaio)
3. Approvazione progetto (febbraio ->...)
4. Migrazione a plone5 (marzo -> …)
World Plone Day 15/05/2018 15/28
![Page 17: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/17.jpg)
Al lavoro… (5)
1. Mockup (2/1/2017)
2. Visual (gennaio)
3. Approvazione progetto (febbraio->...)
4. Migrazione a plone5 (marzo -> …)
5. Progetto sperimentale: Agenda Digitale
World Plone Day 15/05/2018 16/28
![Page 18: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/18.jpg)
Progetto sperimentale Agenda Digitale
• Metodologie agili e UX: concept, service design,... (marzo-giugno)
• Migrazione Plone5 (marzo-luglio)
• Sviluppo grafica Plone (luglio-settembre)
• Test di usabilità
• Test di sicurezza
• Test di accessibilità
World Plone Day 15/05/2018 17/28
![Page 19: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/19.jpg)
Al lavoro… (6)
1. Mockup (2/1/2017)
2. Visual (gennaio)
3. Approvazione progetto (febbraio->settembre)
• Criticità: il colore
World Plone Day 15/05/2018 18/28
![Page 20: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/20.jpg)
Al lavoro… (6)
1. Mockup (2/1/2017)
2. Visual (gennaio)
3. Approvazione progetto (febbraio->settembre)
• Criticità: il colore
4. Realizzazione:ottobre 2017 – gennaio 2018(online 7/2/2018)
World Plone Day 15/05/2018 19/28
![Page 21: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/21.jpg)
Risultato
…
Layout Agid:• più arioso• più leggibile• più immagini e
multimedia
• Mobile
World Plone Day 15/05/2018 20/28
![Page 22: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/22.jpg)
Personalizzazioni: testata siti tematici
World Plone Day 15/05/2018 21/28
![Page 23: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/23.jpg)
Vantaggi di Plone5
1. più flessibile -> le tiles• Pagina con tiles a schermo intero
• Pagina con tiles
World Plone Day 15/05/2018 22/28
![Page 24: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/24.jpg)
Vantaggi di Plone5
2. nuove visualizzazioni per
• video
• fotogallery
• Carousel
• …
World Plone Day 15/05/2018 23/28
![Page 25: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/25.jpg)
Vantaggi di Plone5
3. nuove funzionalità per redattori: caricamento massivo
World Plone Day 15/05/2018 24/28
![Page 26: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/26.jpg)
Layout Agid + Plone5: un connubio perfetto!
World Plone Day 15/05/2018 25/28
![Page 27: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/27.jpg)
Futuro: Calendario migrazione portali tematici2018 MAGGIO
•Agricoltura•Finanze•Parita•Scuola
GIUGNO•ASSR•Salute (da confermare)•Mobilità
LUGLIO•Imprese•Territorio
AGOSTO SETTEMBRE•Sociale•Ambiente •Protezione Civile
OTTOBRE•Formazione e Lavoro + Agenzia Lavoro•Trasparenza•Partecipazione (?)•Energia
NOVEMBRE•Statistica•Agrea•Intercenter•InformaFamiglie
DICEMBRE•Autonomie•IBC •EuropaMondo•Parer
World Plone Day 15/05/2018 26/28
![Page 28: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/28.jpg)
Cosa c'è per voi?
• esperienza
• prodotto Redturtle.AgidTheme su github
• tutti i nostri prodotti su github migrati a plone5
• corso Self per redattori Plone5
World Plone Day 15/05/2018 27/28
![Page 29: Plone5 + layout Agid: un connubio perfetto! · •Metodologie agili e UX: concept, service design,... (marzo-giugno) •Migrazione Plone5 (marzo-luglio) •Sviluppo grafica Plone](https://reader035.fdocuments.in/reader035/viewer/2022063008/5fbc7b945eb56702d1080d7a/html5/thumbnails/29.jpg)
Sara Turra - Regione Emilia-Romagna
World Plone Day 15/05/2018 28