WordPress per una scuola (più) digitale

51
Just another WordPress workshop WordPress per una scuola (più) digitale

Transcript of WordPress per una scuola (più) digitale

Page 1: WordPress per una scuola (più) digitale

Just another WordPress workshop

WordPressper una scuola(più) digitale

Page 2: WordPress per una scuola (più) digitale

L’associazione internazionale per la professionalità nel Web

Dal 1996 (in Italia dal 2000) è il riferimento di chi lavora nel Web, sia nel settore pubblico che privato.

http://www.iwa.it

partecipazioni internazionali

principali partecipazioni nazionali

Associazione professionisti Web (Legge 4/2013), promotrice norme UNI in materia di professionalità ICT.

Obiettivo di IWA è creare rete tra i soci, partecipare all'evoluzione della rete e divulgare conoscenza tramite i soci con eventi e iniziative.

Page 3: WordPress per una scuola (più) digitale

Strumenti di openchat

indoona

Page 4: WordPress per una scuola (più) digitale

Much more than a simple chat

www.indoona.com

Chat domanda/risposta

Comunicazione in tempo reale(più veloce, sicura e economica degli SMS)

Broadcast immediato direttamente sul proprio smartphone

indoona

Page 5: WordPress per una scuola (più) digitale
Page 6: WordPress per una scuola (più) digitale

Chatbot per creare nuovi servizi

www.indoona.com

Plugin WordPress indoonacon possibilità di "fine tuning" sulle contenuti

Plugin WordPress indoona school formsper la compilazione di moduli scolastici direttamente

dalla propria chatDirectory di applicazioni

indoona per la scuola

Page 7: WordPress per una scuola (più) digitale

Semplice

Facile

Veloce

indoona per la scuola

Page 8: WordPress per una scuola (più) digitale
Page 9: WordPress per una scuola (più) digitale
Page 10: WordPress per una scuola (più) digitale
Page 11: WordPress per una scuola (più) digitale

Strumenti di openchat

Telegram

Page 12: WordPress per una scuola (più) digitale

Telegram

Limiti e Potenzialità...

BOT vs CANALE(INTERATTIVITÀ vs BROADCAST)

Page 13: WordPress per una scuola (più) digitale

• BOT

– interactive• questions/answers• autoresponders

– custom keyboards– not "broadcast-ready"

• timeout issues– @IcBrendola_bot

Telegram

• CHANNEL

– requires a bot– "broadcast-ready"

• one connection to reach 'em all

Which one to use?Both, if necessary!

Page 14: WordPress per una scuola (più) digitale

Un bot può essere collegato a un sito

WordPress

quando viene mandato un messaggio dal sito il bot è in grado

di inviarlo agli iscritti al bot, e di pubblicarlo su un canale

L'utente può scrivere a un bot e il bot può rispondere

Telegram

Un canale può essere collegato a un bot

Telegram

un messaggio può essere pubblicato su un canale tramite bot o tramite una pubblicazione diretta

su Telegram da parte dell'admin

Gli utenti non possono scrivere a un canale

Page 15: WordPress per una scuola (più) digitale
Page 16: WordPress per una scuola (più) digitale
Page 17: WordPress per una scuola (più) digitale

Do you use Telegram?/cross-platform-available/

Telegram

Page 18: WordPress per una scuola (più) digitale

@IcBrendola_bot/lets-start-the-game/

Telegram

Page 19: WordPress per una scuola (più) digitale

wordpress.org/plugins/telegram-bot

Telegram

Page 20: WordPress per una scuola (più) digitale

The SSL debatewe have a trick for that:

bypass:www.wptele.ga (soon replaced by www.botpress.org)

free ssl:www.cloudflare.com

Telegram

Page 21: WordPress per una scuola (più) digitale

The openchat debateGoogle Allo

indoonaMessenger*

TelegramWhatsAppWeChat

* coming soon for WordPress

Telegram

Page 22: WordPress per una scuola (più) digitale

Linee guida Agide siti scolastici

Page 23: WordPress per una scuola (più) digitale

Linee guida di design

Il progetto Italia Login persegue la realizzazione di un ecosistema di informazioni e di servizi, secondo quanto previsto dal piano di Crescita

Digitale, la strategia del Governo per l’innovazione del PaeseItalia Login rappresenta anche un primo passo verso la definizione di

un’identità coerente per la Pubblica Amministrazione centrale.

Page 24: WordPress per una scuola (più) digitale

Linee guida di design

Page 25: WordPress per una scuola (più) digitale

Linee guida di design

La definizione di un’identità dei servizi della Pubblica Amministrazione dovrebbe passare attraverso un processo partecipativo partendo dalla definizione di una serie di linee guida comuni piuttosto che dalla tradizionale immagine coordinata monolitica. Tutto ciò può coerentemente essere perseguito attraverso la costituzione di una comunità di designer e sviluppatori in grado di dare un contributo attivo e continuato su design, user experience, usabilità.

Page 26: WordPress per una scuola (più) digitale

Linee guida di design

http://design.italia.it/

www.agid.gov.it

Page 27: WordPress per una scuola (più) digitale

Design.italia.it

Page 28: WordPress per una scuola (più) digitale

Linee guida di design

Page 29: WordPress per una scuola (più) digitale
Page 30: WordPress per una scuola (più) digitale

Responsive

Page 31: WordPress per una scuola (più) digitale
Page 32: WordPress per una scuola (più) digitale

Prototipo INPS

Page 33: WordPress per una scuola (più) digitale

Colori a tinta unitaImpatto chiaro

Numero di link a seconda dell’enteTenenza a mettere in evidenza contenuti

«No frills»

Page 34: WordPress per una scuola (più) digitale

Considerazioni:

- fornire risposte nel minor numero di click (e di tempo) possibile- incuriosire il lettore sulle attività dell’ente

Page 35: WordPress per una scuola (più) digitale
Page 36: WordPress per una scuola (più) digitale
Page 37: WordPress per una scuola (più) digitale

Biella

Page 38: WordPress per una scuola (più) digitale

Linee guida di design

Page 39: WordPress per una scuola (più) digitale

Linee guida di design

Page 40: WordPress per una scuola (più) digitale

Disclaimer

versione WordPress in fase di svilupposu base del lavoro fatto dal Comune di Biella (Drupal)

con il coordinamento di AGID

Page 41: WordPress per una scuola (più) digitale

WordPress

Page 42: WordPress per una scuola (più) digitale

WordPress

Page 43: WordPress per una scuola (più) digitale

80:20 ruleDecisions, not Options

Page 44: WordPress per una scuola (più) digitale

80:20 ruleDecisions, not Options

https://wordpress.org/about/philosophy/

Page 45: WordPress per una scuola (più) digitale

Linee guida Agide siti scolastici

L’architettura

Page 46: WordPress per una scuola (più) digitale

Navigazione gerarchica

Page 47: WordPress per una scuola (più) digitale

Navigazione gerarchica

Page 48: WordPress per una scuola (più) digitale

Linee guida di design

TEMPLATE vs ARCHITECTURE

Page 49: WordPress per una scuola (più) digitale

To be continued…

AREE TEMATICHE

CATEGORIETASSONOMIE

DESTINATARI

Page 50: WordPress per una scuola (più) digitale

Linee guida di design

Domande?

Page 51: WordPress per una scuola (più) digitale

Linee guida di designChristian [email protected]

Marco [email protected] www.wpgov.itwww.linkedin.com/in/milesimarco94

thankswww.porteapertesulweb.it