Il sito istituzionale di una scuola

Transcript

1 struttura, contenuti e aggiornamenti 1/59 a cura di Alberto Ardizzone

2 Di cosa parliamo Sottotitolo Sito scolastico e organizzazione della comunicazione. Dalla costituzione del team, alle scelte comunicative e al supporto della community Sommario 1. Siti di ieri siti di oggi 2. Siti scolastici di oggi 3. Organizzare il sito, organizzare la comunicazione 4. I modelli di sito con CMS open source proposti da Porte aperte sul web 5. Comunicare per farsi capire (cenni) 6. Dove, cosa e come 2/59

3 Lo sviluppo di una certa idea di sito da archive.org 3/59

4 Ministero Istruzione - homepage 1 marzo /59

5 Ministero Istruzione - homepage 30 settembre /59

6 Ministero Istruzione - homepage 04 giugno /59

7 Ministero Istruzione - homepage 20 gennaio /59

8 USR Lombardia - homepage 18 agosto /59

9 USR Lombardia - homepage 26 settembre /59

10 USR Lombardia - homepage 05 maggio /59

11 USR Lombardia - homepage 20 gennaio /59

12 La Repubblica novembre /59

13 La Repubblica novembre /59

14 La Repubblica 20 gennaio /59

15 Siti di ieri, siti di oggi Cosa è cambiato? Colori Lunghezza testi N. Schermate (scrolling verticale) Disposizione titoli, sottotitoli e testi Interlinea, font, spazio tra paragrafi Allineamento, corsivo, grassetto, sottolineato 15/59

16 Siti scolastici di oggi 16/59

17 Siti di oggi ipsiaiglesias.gov.it 17/59

18 Siti scolastici di ieri, siti scolastici di oggi Sito vetrina Statico Ricco di effetti Trasposizione web della grafica cartacea Prevalentemente informativo Informativo e trasparente Dinamico Di servizio A più dimensioni Social (?) Comunicativo 18/59

19 Sito di ieri, sito di oggi IERI Un unico docente webmaster tuttofare a cui era demandato tutto Dirigente che vigilava sui contenuti Web 2.0 Norme OGGI Team di soggetti che interagiscono Dirigente coordinatore e responsabile (contenuti trasparenza privacy accessibilità) 19/59

20 Il sito scolastico di oggi è istituzionale gov.it Albo online Amministrazione trasparente Dirigente Dsga Personale di segreteria Accessibile cioè inclusivo Social cioè partecipativo Dematerializzante cioè sostitutivo della comunicazione cartacea Di servizio per famiglie e genitori 20/59

21 Il sito scolastico di oggi è didattico Lavori studenti Spazi docenti LMS per formazione a distanza Repository Dirigente Docenti Spazi social? Accessibile per quanto possibile Aperto agli studenti, alle classi, ai siti tematici Creativo Rispettoso delle norme sul diritto d autore e sulla privacy 21/59

22 Il sito scolastico di oggi è comunicativo Scrivere per farsi capire Coerenza Microcontenuti Repository Spazi social? Docenti Chiaro per quanto possibile Leggibile Con buona reperibilità dei contenuti Accessibile tenendo conto delle diverse modalità di fruizione dei contenuti 22/59

23 Il sito scolastico di oggi è aperto alla condivisione dei saperi, delle pratiche e dei dati Photo on flickr: by Jonathan Gray Licenza Creative Commons CC0 1.0 Universal 23/59

24 Sito scolastico oggi: lavoro di team Genitori eventuale blog o spazio social Studenti lavori di classe Dirigente coordinatore responsabile Dsga coordinatore albo online e AT e chi costruisce e amministra il sito? Se possibile chi, all interno della scuola, ha le competenze necessarie Docenti parte didattica e comunicazione Personale segreteria redattori albo contenuti AT Immagine: di Michael Heiss, CC BY-NC-SA /59

25 Sito scolastico di oggi Le tappe La costituzione del team, assegnazione dei compiti, architettura dell informazione Spazio web e attivazione dominio gov.it Costruzione e pubblicazione del sito, se possibile a partire da modello per siti scolastici Individuazione di figure specifiche: - Amministratore del sito - Coordinatore albo e AT (Dsga) - Redattore/i contenuti albo e AT (Personale segreteria) - Redattore/i altri contenuti (didattici, social, comunicativi, ) - Referente accessibilità (responsabile è il dirigente) Piano formazione interna redattori 25/59

26 Sito scolastico di oggi La formazione dei redattori Al centro il contenuto Competenze tecniche: inserimento di contenuti nel CMS usato, elementi di accessibilità, trasferimento di contenuti da Word/Writer o da Excel/Calc al web Competenze redazionali: documenti ben formati, conversione in pdf (quasi) accessibili, trattamento di documenti non accessibili Competenze comunicative: usabilità della scrittura per il web (stile ed efficacia dei testi, elementi di leggibilità, scrittura semplice e chiara), gestione efficace di contenuti diversi (testi, tabelle, immagini, video, presentazioni, infografiche) 26/59

27 Siti scolastici di oggi con modelli di CMS Porteapertesulweb Siti pasw nella mappa: 489 (al 20 gen 14) 27/59

28 Le scuole Porte aperte sul web quadro regionale e CMS usati Regione N scuole Lombardia 239 Lazio 37 Veneto 32 Emilia Romagna 28 Sicilia 28 Toscana 21 Marche 17 Piemonte 16 Puglia 16 Campania 15 CMS N scuole WordPress 297 Drupal 119 Joomla 66 Plone 4 Siti pasw nella mappa: 489 (al 20 gen 14) 28/59

29 Con il CMS Drupal Tutorial e videotutorial Albo on line Amministrazione trasparente Sistema online presa visione circolari nadiacaprotti@tiscali.it Max Berni, Nadia Caprotti, Mario Varini Mailing list Porte aperte sul web Web conference Legami tra albo e AT AVCP 29/59

30 Con il CMS WordPress Tutorial e videotutorial Albo on line Amministrazione trasparente Sistema online presa visione circolari (in beta) AVCP Renata Durighello, Ignazio Scimone, Marco Milesi, Alessandro Muratori, Gruppo Facebook Siti scolastici Guida passo a passo per costruire il sito da 0 30/59

31 Con il CMS Joomla Tutorial Albo on line (versione precedente) Gianluigi Pelizzari, AnnaRita Lauri, Antonio Todaro, Giuseppe Lancillotti Gruppo Facebook Joomla per la scuola e per la pa Amministrazione trasparente (su pagine) Gruppo in ristrutturazione 31/59

32 Con i CMS Plone ed e107 Plone Fabrizio Rota e107 Federica Pellegrino 32/59

33 Qualche parola sulla scrittura per il web 33/59

34 Esempio 1 Miglioriamo l accessibilità e la qualità dei nostri testi 1 Attiva sempre l iconcina mostra/nascondi nel tuo programma di videoscrittura Non inserire mai più di uno spazio fra parola e parola; Non produrre mai allineamenti con la barra spaziatrice, usa invece le iconcine dell allineamento o i punti di tabulazione; Non inserire mai spazi fra parola e segno d interpunzione; Anche l apostrofo non si separa mai con uno spazio dalla parola che segue; ad esempio non va L avvio delle attività, bensì L avvio delle attività L accento non può essere sostituito dall apostrofo, anche perché ciò produce un errata cadenza della frase negli screen reader; quindi non «accessibilita» bensì «accessibilità» Non scrivere nomi dei destinatari e oggetto tutto in maiuscolo. Il tutto maiuscolo è di sé di più difficile lettura per i nostri occhi; si scriva con la classica iniziale maiuscola e basta Fonte: 34/59

35 Esempio 1 Miglioriamo l accessibilità e la qualità dei nostri testi 2 Per motivi di praticità, le sigle e gli acronimi vanno scritti senza punti intermedi I numeri romani I, II, III, IV, V ecc. non prendono l esponente si scrive con l iniziale maiuscola, e non o o o mail ; I nomi dei giorni della settimana e dei mesi si scrivono, in lingua italiana, con la minuscola; Negli indirizzi, è un malvezzo scrivere Via, Piazza ecc. con la maiuscola, in quanto di tratta di nomi comuni; Nei documenti le date di scrivono per esteso, al fine di ridurre la possibilità d errore; ad esempio non va , bensì 5 marzo 2012 ; Il primo giorno del mese, in italiano, è sempre un numero ordinale; è quindi sbagliato scrivere , si dirà invece 1 settembre 2012 ; Non inserite mai il titolo di studio o d onore nella firma o nei riferimenti finali; Non diffondete mai file pdf solo immagine 35/59

36 Consigli di scrittura Buoni titoli 1 Efficaci Corti Significativi Senza punto alla fine e con iniziale maiuscola Microcontenuto efficace con sottotitoli, riassunti (strilli), link, parole chiave (categorie e link) La rivincita della scrittura Le parole si guardano Le trappole della semplificazione e le sirene dell'originalità Dove la scrittura si contrae Dove la scrittura si espande Le conversazioni si scrivono La lingua dei brand, tra conversazioni e narrazioni Caro cliente, cara persona Wordscape: nelle slide, scritture formato paesaggio Cose nuove da imparare (Fonte: Luisa Carrada, Scrivere per Internert, Apogeo, /59

37 Efficaci Corti Significativi Senza punto alla fine e con iniziale maiuscola Microcontenuto efficace con sottotitoli, riassunti (strilli), link, parole chiave (categorie e link) Consigli di scrittura Buoni titoli 2 27/11/2013 Piano nazionale scuola digitale (PNSD) Progetti di formazione per il potenziamento delle competenze digitali dei docenti. Domande di partecipazione entro il 9 dicembre /11/2013 Progetto Articolo 9 della Costituzione Cento anni dopo la Grande Guerra: la memoria racconta. Studenti in viaggio con Camillo Zadra e Carlo Ossola 22/11/2013 Istituti tecnici superiori, il 59% dei diplomati trova lavoro 21/11/2013 Alternanza scuola lavoro: +20% di studenti coinvolti, +57% di licei partecipanti (Fonte: 27 novembre 2013) 37/59

38 Consigli di scrittura Buoni titoli 2 26 nov 13 - Io mangio Tutto nelle scuole della Lombardia Pomeriggio di formazione a cura di ActionAid e Fondazione Rosselli: mercoledì 4 dicembre, dalle 14 alle 18, in via Ulisse Dini, 7 a Milano. 26 nov 13 - Io mangio Tutto nelle scuole della Lombardia Pomeriggio di formazione a cura di ActionAid e Fondazione Rosselli: mercoledì 4 dicembre, dalle 14 alle 18, in via Ulisse Dini, 7 a Milano. 26 nov 13 - Io mangio Tutto nelle scuole della Lombardia Pomeriggio di formazione a cura di ActionAid e Fondazione Rosselli: mercoledì 4 dicembre, dalle 14 alle 18, in via Ulisse Dini, 7 a Milano. 26 nov 13 - Io mangio Tutto nelle scuole della Lombardia Pomeriggio di formazione a cura di ActionAid e Fondazione Rosselli: mercoledì 4 dicembre, dalle 14 alle 18, in via Ulisse Dini, 7 a Milano. 38/59

39 Alcuni consigli redazionali Link Usabilità dei link («link gradevoli»): curare la nominazione, senza caratteri strani, se possibile conformi al contenuto Evitare descrizione (attributo title) link autoesplicativi (es. già si sa che punta alla home del sito MIUR) Link a documenti: inserire formato e peso del documento Mettere il link a parole significative e non, «clicca qui», o intere frasi lunghe (es. Protocollo d intesa (pdf, 124 kb) Inserire link interni (salta menu) per passare da una sezione all altra entro la pagina 39/59

40 Tabelle Tabelle semplici Alcuni consigli redazionali Evitare testi addossati ai bordi o troppo piccoli Facilitare la lettura con righe a sfondo alternato Inserire elementi di accessibilità (in particolare le intestazioni di colonna o di riga: elemento th) Verificare che non sia troncata a risoluzioni basse 40/59

41 Alcuni consigli redazionali Testi Testi semplici e chiari Riscritture: Tiolo pagina vd Oggetto Microcontenuti efficaci - Titolo - Riassunto (strillo) - Classificazione dell informazione Strutturazione della pagina in livelli di titolo Evitare paragrafi vuoti: usare gli stile (vale anche per Word/Writer) 41/59

42 Immagini Alcuni consigli redazionali Descriverle (in HTML si usa l attributo alt) con un testo sintetico che sia adeguato alla funzione informativa dell immagine nel contesto in cui è inserita Non usare immagini per veicolare testo (es. voci di menu non fatte da immagini) Lasciare alt vuoti per immagini decorative 42/59

43 Alcuni consigli redazionali Liste (elenchi) Se sono all interno di una frase sono precedute dai due punti; ogni voce termina con il punto e virgola, tranne l ultima che termina con il punto Altrimenti, non usare segni di punteggiatura Gli candidati alla presidenza sono: Carla Bianchi di Mantova; Luigi Rossi di Cremona; Anna Verdi di Lodi. oppure Candidati alla presidenza Carla Bianchi di Mantova Luigi Rossi di Cremona Anna Verdi di Lodi 43/59

44 Esempio 2 Documenti ben formati e pdf Per ottenere un documento ben formato occorre: - Utilizzare gli stili dell elaboratore dei testi - Rispettare il valore semantico delle parti di un testo - Strutturare i titoli per livelli gerarchici Approfondimento: 44/59

45 Esempio 2 pdf NO Pdf immagine Non fruibile dalle persone nonvedenti Testo non ricercabile E inoltre Poca cura nella disposizione del foglio Parti di testo scritti a mano Scrittura non corretta: II e non II I pdf immagine non devono essere pubblicati sui siti delle pubbliche amministrazioni. Sono indice di comunicazione non inclusiva e infrangono il diritto all accesso dell informazione da parte delle persone con disabilità. Inoltre rendono difficoltosa la fruizione a tutti. 45/59

46 Esempio 2 pdf «toppa» Pdf immagine con riconoscimento OCR (Riconoscimento ottico dei caratteri) Possibile errori nella conversione del testo digitati Sicuri errori nella conversione del testo scritto a mano Difficile e non corretta interpretazione dell OCR della tabella Tuttavia Testo in parte fruibile dalle persone nonvedenti Rotazione del documento (funzione di Acrobat) Testo ricercabile Possibile correzione errori battitura (con Acrobat) 46/59

47 Esempio 2 un pdf «poco curato» Pdf creato come semplice conversione di un documento word/writer Testo fruibile senza errori dalle persone nonvedenti Tuttavia La conversione non ha mantenuto i tag (cioè le informazioni strutturali del documento Quindi Mancanza di un sommario Impossibilità di navigazione facilitata per titoli e sottotitoli 47/59

48 Esempio 2 un pdf «un po meglio» Pdf creato come conversione «con tag» di un documento strutturato word/writer Testo fruibile senza errori dalle persone nonvedenti Il testo di partenza era strutturato (cioè aveva titoli e sottotitoli), così l autore ha potuto mettere un sommario automatico che permette di linkare direttamente alle pagine Tuttavia La conversione non ha mantenuto i segnalibri e la fruizione del documento è migliorabile Quindi Impossibilità di navigazione facilitata per titoli e sottotitoli 48/59

49 Esempio 2 pdf ok Pdf creato come conversione «con tag» di un documento strutturato word/writer e con mantenimento dei segnalibri Testo fruibile senza errori dalle persone nonvedenti Il testo di partenza era strutturato (cioè aveva titoli e sottotitoli), così l autore ha potuto mettere un sommario automatico che permette di linkare direttamente alle pagine Il documento ha mantenuto i segnalibri: oltre alle persone nonvedenti, seve a tutti perché la navigazione diventa enormemente facilitata usando la scheda Segnalibri (Bookmarks) di Adobe Acrobat Reader. 49/59

50 Costruire documenti ben formati Materiali di studio 1. Documenti ben formati e microcontenuti (link a presentazione Slideshare) 2. Indicazioni per la redazione dei documenti, USR Lombardia, 2008 (link Dropbox) fino a pag Sfilata di modelli (link Slideshare, da Renata Durighello) 4. Miglioriamo l'accessibilità e l'usabilità dei nostri testi (link, Alessandro Muratori) 50/59

51 Costruire documenti ben formati Materiali operativi 1. Videotutorial: documento ben formato con LibreOffice. Parte prima: uso degli stili, strutturazione del documento, gestione di tabelle (link a Youtube) 2. Videotutorial: documento ben formato con LibreOffice. Parte seconda: intestazioni, piè di pagina, immagini e verifica completa di accessibilità (link a Youtube) 3. Tutorial: costruire un documento ben formato con word 2003 (link Dropbox) 4. Videotutorial: un poffino ben formato con word 2007 (link Youtube) 5. I passi per la costruzione del documento per formato (link Dropbox) 51/59

52 E poi anche scrivere per 52/59

53 Come fare tutto ciò? By: marsmet tallahassee CC BY-NC-SA /59

54 Un aiuto dal lavoro della comunità 54/59

55 Spazi per discutere, e condividere risorse Mailing list mail 577 iscritti 15 mail/giorno Ultima settimana 332 messaggi Spazio social 555 iscritti Gruppi Facebook Siti scolastici 927 iscritti 100+ msg/giorno Scrivere per il web a scuola, e nella pa 217 iscritti 55/59

56 Spazi per collaborare verso un sistema condiviso di FAQ 56/59

57 Riferimenti per la scuola Wiki con schede su albo e AT Elenco scuole Mailing list social - Youtube Facebook Siti scolastici Scrivere per il web Tutorial su temi generali Registrazione dominio gov.it Tutorial Drupal Tuttodrupal per la scuola Circolari con presa visione Amministrazione trasparente Albo pretorio (video) Sicurezza Drupal Spazi per trovare guide e tutorial Tutorial WordPress Guida passo a passo in pdf (pdf 2,5 Mb) Guida passo a passo in epub (epub, 3 Mb) Amministrazione trasparente (plugin e video) Albo pretorio (video) plugin Sicurezza WordPress (video) Tuttowp per la scuola Tutorial Joomla Sicurezza Joomla e nuovo modello (video) Albo pretorio (video): prima parte, seconda parte Tuttojoomla per la scuola Tutorial Youtube 319 iscritti visualizzazioni 152 video lweb 57/59

58 Contatti Alberto Ardizzone docente distaccato USR Lombardia, Ufficio IX alberto.ardizzone@gmail.com 58/59

59 La classe digitale tra normativa e nuove opportunità Mappa mindomo 59/59