C

Consiglio Nazionale delle Ricerche

Ludoteca .it: il sito web

G. Bassi, S. Fabbri, G. Silvatici, C. Spinelli

IIT B4-02/2014

Nota Interna

Febbraio 2014

Iit

Istituto di Informatica e Telematica

1    

1

Ludoteca .it: il sito web

Giorgia Bassi, Stefania Fabbri, Gino Silvatici, Chiara Spinelli Unità Relazioni Esterne Media e Comunicazione

2

2

1   Introduzione 3  2   Target e obiettivi 3  3   Fasi di lavoro 4  4   Inventario materiale 4  5   Contenuti 5  6   Struttura 5  7   Template 6  8   Grafica e testi 7  9   Materiale di approfondimento 7  10  Pagina social 8  11  Aspetti critici e prospettive 10  12  Screen Shot 10  13  Allegati 12  

 

3

1 Introduzione  Questa pubblicazione è dedicata al sito web www.ludotecaregistro.it e alle pagine social (https://www.facebook.com/LudotecaRegistro e https://twitter.com/LudotecaIt), realizzati con lo scopo di dare visibilità alle attività della Ludoteca .it (v. Nota Interna IIT B4-06/2012 “La Ludoteca del Registro .it” e Nota Interna IIT B4-04/2013 “La Ludoteca del Registro .it: esperienza in classe gennaio-giugno 2013”). Al momento, visti i recenti sviluppi del progetto, in espansione dal punto di vista delle richieste ma anche dei target considerati (si sono aggiunte le scuole medie), si sta valutando l’opportunità di sviluppare un nuovo sito web, che permetta di gestire con maggiore efficacia la parte dedicata alle news e l’eventuale uploading di materiale formativo. La pubblicazione si apre con la descrizione delle principali caratteristiche del sito in relazione ai diversi target. Segue una parte dedicata alle varie fasi di lavoro: l’inventario del materiale, la definizione e l’organizzazione dei contenuti, l’albero di navigazione, lo sviluppo tramite piattaforma Cms e gli interventi grafici. Si descrivono infine le scelte editoriali e di comunicazione delle pagine social.

2 Target  e  obiettivi  Nel 2011 il Registro ha avviato il progetto Ludoteca .it, dedicato alla diffusione di un uso consapevole e sicuro della Rete da parte dei bambini delle scuole primarie. Da quella data si è sviluppato, proponendo i cicli formativi in oltre 35 classi di scuole primarie della Toscana, del Veneto e della Liguria. L’ultima edizione dell’internet Festival (ottobre 2013) è stata l’occasione per “lanciare” la fase 2.0 con laboratori che prevedono l’utilizzo di tablet. Inizialmente, il principale canale di comunicazione della Ludoteca è stato il sito del Registro, con una sezione dedicata (http://www.registro.it/tutto-sul.it/ludoteca). Con lo sviluppo di nuovi percorsi formativi è emersa la necessità di avere a disposizione più pagine e sotto pagine, per diversificare i contenuti in base al target, pubblicare nuovo materiale e dare visibilità a iniziative, come la partecipazioni ad eventi. Si è pensato quindi di realizzare un sito web interamente dedicato al progetto. Il primo passo è stato definire i target di riferimento: • insegnanti • genitori • bambini Il sito si rivolge prevalentemente agli insegnanti, nel senso di potenziali interessati ma anche coloro che hanno già partecipato all’iniziativa. I primi hanno a disposizione una panoramica completa dei contenuti formativi, dei metodi e degli strumenti utilizzati. Per gli altri è possibile approfondire gli argomenti proposti in classe con mini dispense, link, riferimenti bibliografici e proposte di verifiche (v. parag 9). Altro target importante i genitori, per i quali sono disponibili contenuti e approfondimenti dedicati a Internet e alla navigazione sicura: un modo per renderli più preparati ad affrontare l’esperienza di navigazione “condivisa” con i propri figli, dal punto di vista della conoscenza delle risorse e dei rischi. Oltre ad avere una valenza informativa, il sito rappresenta quindi anche una risorsa per tutti gli “immigrati digitali”1, per conoscere e approfondire le principali tematiche 1 Marc Prensky, (2001) "Digital Natives, Digital Immigrants Part 1", On the Horizon.

4

legate a Internet e alla sicurezza online. Infine i bambini, ai quali si propongono contenuti di svago, come cartoni animati e giochi interattivi. I cartoni animati della serie “Navighiamo sicuri con il Prof. Ittì” (v. Nota Interna IIT B4-03/2011 “Un web cartoon per il Registro .it”) coniugano però il tono divertente alla finalità didattica, poiché in ogni episodio si parla di educazione all’utilizzo consapevole delle Rete.

3 Fasi  di  lavoro  La realizzazione del sito web ha coinvolto un gruppo ristretto delle Relazioni Esterne che ne ha curato l’organizzazione e redazione dei contenuti, la grafica e lo sviluppo tramite piattaforma Cms Wordpress. Riepilogando, il lavoro si è articolato nelle seguenti fasi:

• Brief (definizione target e obiettivi) • Raccolta materiale esistente • Definizione dei contenuti • Struttura sito/Albero di navigazione • Scelta template Cms (content managment system) • Redazione pagine web e schede di approfondimento • Grafica • Pubblicazione pagina Facebook/Twitter

4 Inventario  materiale  Poiché lo sviluppo del sito web è stato successivo all’avvio del progetto, è emersa la necessità di raccogliere, organizzare e descrivere risorse di vario tipo utilizzate nelle classi o proposte per altri progetti. In particolare, sono stati pubblicati contenuti già realizzati per la sezione “Internet sicuro” del portale Innovascuola .gov .it, oggi non più online perché legato alla Presidenza del Consiglio dei Ministri. Naturalmente, anche i contenuti della sezione “Ludoteca” del sito del Registro (v. parag. 2) sono stati recuperati, ripensati e inseriti in sezioni specifiche. Riepilogando, il materiale già realizzato comprendeva: • riferimenti e recensioni a pubblicazioni, siti, video dedicati alla sicurezza

informatica e navigazione sicura (già in Innovascuola .gov .it) • cartoni animati (già presenti nella sezione “Ludoteca” del sito del Registro) • giochi interattivi (già presenti nella sezione “Ludoteca” del sito del Registro) Tutti i riferimenti a siti web e video online sono stati oggetto di verifica, allo scopo di controllare che le risorse fossero ancora raggiungibili e i contenuti coerenti con le finalità del progetto. L’inventario ha riguardato anche materiale didattico e ludico cartaceo già utilizzato nelle classi allo scopo di riproporlo anche come risorsa online.

5

5 Contenuti  Sulla base dei target e degli obiettivi sopra descritti, si sono individuate le seguenti macro sezioni:

• CHI SIAMO: presentazione del progetto con riferimento al Registro e allo IIT. Definizione degli obiettivi, target e dei principali strumenti.

• OFFERTA DIDATTICA: presentazione principali tematiche e moduli formativi • AREA GENITORI: risorse e approfondimenti per i genitori • AREA INSEGNANTI: materiali, approfondimenti, link e test di verifica per insegnanti

• CARTONI ANIMATI E GIOCHI • CONTATTI: riferimenti e possibilità di prenotare le lezioni • LE PAROLE DI INTERNET: un mini glossario delle principali parole legate

alla Rete • CALENDARIO LEZIONI: elenco delle lezioni già svolte nell’anno e di quelle in programmazione

• FOTO GALLERY: raccolta di foto delle lezioni e disegni dei bambini

6 Struttura  Il passo successivo è stato definire la struttura di navigazione:

Figura 1-Flow chart

6

La maggior parte dei contenuti si articola in un primo livello che, in base al target, presenta il progetto, per scendere nei successivi con varie sezioni di approfondimento. La scelta del template Cms è stata dettata dalla necessità di una navigazione semplice, a partire dalla home page, strutturata in blocchi e che desse risalto all’aspetto visuale.

7 Template  Il template Wordpress scelto presenta una struttura semplice e che permette una lettura immediata degli elementi. Nell’header è inserito il logo e un menù con le voci principali. La scelta di dare rilievo alla Foto gallery ha lo scopo di far entrare da subito l’utente “nel vivo” di questa iniziativa, con testimonianze visive dell’attività svolta nelle classi.

Figura 2-Header

La parte sottostante è una fascia a slide show con un breve testo che introduce il progetto. Poiché il cartone animato “Navighiamo sicuri con il Prof. Ittì” è uno degli strumenti formativi più apprezzati, sono stati inseriti stop frame di alcuni episodi.

Figura 3-Slide show

La parte centrale è organizzata in widget dedicati alle sezioni alle quali si vuole dare più risalto. I box sono formati da immagini che richiamano l’idea della scuola e della tecnologia. Il primo blocco ospita le News, ad esempio la partecipazione ad eventi. Il numero dei widget può variare a seconda delle esigenze editoriali e alle iniziative in atto.

Figura 4- Widget

7

Infine, il piè pagina (footer) che ripropone tutte le voci di menù e contiene i riferimenti, i contatti e i loghi di tutti i soggetti coinvolti nel progetto.

Figura 5-Footer

Ad integrazione del modello base del template, sono stati installati due plug-in, uno per creare le Gallery, un altro per la gestione delle prenotazioni, in seguito disabilitato perché non permetteva di controllare con efficacia il flusso delle richieste.

8 Grafica  e  testi  Lo stile grafico richiama il mondo dell’infanzia, inserendo anche immagini del cartone animato. Tra gli interventi di rilievo anche il restyling del logo, che, scritto con un font “handwriting”, comunica meglio l’idea di gioco.

Anche il pay off è stato modificato, mettendo l’accento più sull’aspetto ludico. Per quanto riguarda le scelte cromatiche si è cercato di uniformare lo stile grafico con gli altri prodotti di comunicazione, utilizzando prevalentemente il colore azzurro, in varie tonalità. Nelle pagine interne si è scelto di mantenere una linea grafica essenziale, che desse massimo risalto alla parte testuale con l’utilizzo di icone stilizzate o immagini-bottoni. L’organizzazione testuale è caratterizzata da paragrafi brevi, con l’utilizzo del neretto per evidenziare i concetti più importanti. Il colore dei link è l’azzurro, in continuità con il layout.

9 Materiale  di  approfondimento  Ogni modulo formativo (“conosci internet”, “sicurezza”, “contenuti online”) è approfondito da schede in cui si spiegano gli argomenti e soprattutto i laboratori proposti in classe. Le schede riportano link e riferimenti bibliografici ma anche indicazioni su come presentare alla classe i vari argomenti, introducendo per esempio similitudini e domande mirate per stimolare la riflessione. Infine si propongono modelli di verifiche a risposte multiple (v. parag. 13 Allegato 1). Per la redazione di queste schede è stato fondamentale il contributo dei ricercatori dello IIT che hanno validato i contenuti e i vari riferimenti. Anche gli episodi dei cartoni animati della serie “Navighiamo sicuri con il Prof. Ittì (v.

8

Nota interna IIT- B4-03-2011 “Un web cartoon per il Registro”) e i giochi di gruppo proposti in classe (gioco “la Rete”, gioco “I pixel”) sono introdotti da schede dedicate agli argomenti trattati, con suggerimenti su come presentarli in classe. Infine, come approfondimento al tema della sicurezza, nella sezione degli insegnanti e dei genitori, è pubblicato un elenco di link con relative recensioni.

Figura 6-Recensioni video

10 Pagina  social  Parallelamente allo sviluppo del sito si è deciso di dotare il progetto di due ulteriori strumenti di comunicazione e per questo abbiamo aperto due canali all’interno dei due social network più frequentati dall’utenza italiana, nostro target di riferimento: una pagina Facebook e un profilo Twitter. L’obiettivo di questa operazione è coinvolgere una community sempre più ampia fornendo non solo informazioni sulla nostra attività, ma anche notizie, curiosità e spunti di riflessione sul rapporto tra scuola e digitale. L’attività sui social ha cadenza non regolare ma generalmente bisettimanale. Su Facebook vengono pubblicati post dedicati al racconto delle attività della Ludoteca, dalle lezioni in classe alla partecipazione a eventi. Questo social privilegia la condivisione di contenuti fotografici, video e di link ad articoli pubblicati in Rete. Sono state raccolte immagini nelle classi in cui si sono svolte le lezioni e materiali prodotti dai bambini dopo la visione dei cartoni animati (disegni), pubblicate sul sito e condiviso su Facebook. Sono stati inoltre pubblicati articoli di approfondimento su temi legati al mondo della scuola e delle nuove tecnologie, attingendo all’ampia informazione che in Rete si fa su questi argomenti, da siti di riferimento quali educationduepuntozero.it, scuola-digitale.it, profdigitale.com, imparadigitale.it.

9

Su Twitter per adesso sono stati semplicemente proposti i contenuti proposti su Facebook. Le peculiarità di questo social network prevedono un uso altamente interattivo del mezzo, che si presta più ad essere luogo di conversazione e scambio che non vetrina di contenuti prodotti altrove. per questo l’attività dei prossimi mesi sarà volta a incrementare, attraverso il profilo @Ludotecait, il livello di interazione con gli utenti che “cinguettano” riguardo ai temi scuola e digitale. Attualmente la pagina Facebook conta 147 like e il profilo Twitter 50 followers. Per popolare la community della Ludoteca è stato inserito il link alle pagine social sia sul sito che sulla brochure. Obiettivo dei prossimi mesi è procedere alla diffusione dei canali e stabilire attraverso di essi nuove interazioni proficue per l’attività di Ludoteca .it.

Figura 7-Pagina Facebook

10

Figura 8- Pagina Twitter

11 Aspetti  critici  e  prospettive  Il progetto Ludoteca è oggi in forte espansione, con la prospettiva di lezioni anche nelle scuole medie in tutto il territorio nazionale. Attualmente quindi si ha sempre più necessità di aggiornare la parte news, il calendario delle lezioni e di gestire con efficienza il sistema di prenotazione delle lezioni. L’attuale template, soprattutto per la struttura per lo più grafica dell’home page, si è dimostrato poco adatto a questo tipo di esigenze. Inoltre è in progetto una sezione con piccole attività di e-learning, aspetto che richiede uno sviluppo dinamico del sito. A breve quindi partirà il progetto del nuovo sito della Ludoteca con la scelta di un nuovo template Cms più flessibile e potente.

12 Screen  Shot  

11

Figura 9-Home page

12

Figura 10-Pagina interna

13 Allegati   Allegato 1: Scheda di approfondimento

13

14

15

16

17