Download - 2.7 costruire una timeline
![Page 1: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/1.jpg)
2.7 COSTRUIRE UNA TIMELINE
![Page 2: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/2.jpg)
In questo tutorial imparerai
➔ COME
strutturare dei dati
➔ CON L’OBIETTIVO
di costruire una Timeline (Linea del Tempo)
➔ PER NARRARE L’EVOLUZIONE
di un tema attraverso vari episodi
COSTRUIRE UNA TIMELINE
![Page 3: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/3.jpg)
Le notizie e le
informazioni sul
web vengono
pubblicate
spesso senza
che i dati siano
strutturati
COSTRUIRE UNA TIMELINE
Le informazioni online
![Page 4: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/4.jpg)
Struttare i dati significa
organizzarli in modo
tale da consertirne
opportunamente
l'archiviazione, l’
interrogazione e il
riutilizzo
COSTRUIRE UNA TIMELINE
Perché strutturare i dati
![Page 5: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/5.jpg)
UN ESEMPIO PRATICO
![Page 6: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/6.jpg)
Un articolo standard: la storia viene raccontata tramite un testo narrativo
UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
Un articolo standard
![Page 7: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/7.jpg)
L’articolo contiene dei dati sull’evento, esposti nel testo, che potrebbero essere strutturati
Intestazione Evento
Chi Aereo
Cosa Dirottamento
Quando 17/02/2014
Partenza Addis Abeba
Destinazione Roma
Passeggeri 200
Feriti 0
Vittime 0
Fonte Corriere della Sera
UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
Le informazioni strutturate
![Page 8: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/8.jpg)
Come strutturare dati su eventi analoghi
UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
Da uno a molti casi
![Page 9: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/9.jpg)
Gli eventi analoghi possono essere inseriti nella timeline e diventare “sfogliabili”
UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
Mostrare l’andamento nel tempo
![Page 10: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/10.jpg)
ADESSO TOCCA A TE: PROVA!
![Page 11: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/11.jpg)
Per eseguire l’
esercizio devi
avere un account
Google: crealo su
drive.google.com
Requisiti
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 12: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/12.jpg)
Inizia qui: clicca su questo link e apri la tabella
Un modello per cominciare
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 13: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/13.jpg)
Duplica la
tabella
cliccando sul
pulsante “Usa
questo modello”
Lo schema
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 14: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/14.jpg)
Google Drive creerà una copia della tabella, uguale a quella che vedi: dovrai modificarla
Lo schema
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 15: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/15.jpg)
Inserisci i tuoi dati: nell’immagine in basso è presente l’esempio dell’aereo dirottato
Lo schema
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 16: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/16.jpg)
Segui lo stesso schema per tutti i dati e le informazioni che vuoi inserire, uno per riga!
Lo schema
OPEN DATA
NOTIZIE
DOCUMENTI
REPORT
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 17: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/17.jpg)
Per ciascuno di essi inserisci:
Le informazioni chiave
● Data● Titolo
● Descrizione● Link
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 18: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/18.jpg)
Appena finito, vai su File > Pubblica sul webNella finestra clicca su Avvia pubblicazione
I dati sono pronti
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 19: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/19.jpg)
● Seleziona e copia l’indirizzo che compare in basso: ti servirà per costruire la Timeline
“Esportare” i dati
● Apri una nuova finestra del browser e vai all’indirizzo http://timeline.knightlab.com/
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 20: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/20.jpg)
Adesso segui le indicazioni e clicca su“Make a timeline now”
E adesso la Timeline
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 21: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/21.jpg)
Vai al punto 3 e incolla in questo spazio l’indirizzo che hai copiato dalla tabella
“Importare” i dati
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 22: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/22.jpg)
Vai al punto 4 e clicca su Preview: se hai seguito passo-passo questa guida, l’applicazione creerà la Timeline e la mostrerà in tempo reale nella pagina.
Testa il risultato
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 23: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/23.jpg)
● Copia il codice <iframe> per includerlo nel post da scrivere su www.ascuoladiopencoesione.it
Includi la timeline sul tuo blog
● In alternativa, clicca su Link to Previewe copia l’indirizzo della pagina che si aprirà
ORA TOCCA A TE!UN ESEMPIO PRATICOCOSTRUIRE UNA TIMELINE
![Page 24: 2.7 costruire una timeline](https://reader030.vdocuments.net/reader030/viewer/2022032502/55b77961bb61eb482a8b460f/html5/thumbnails/24.jpg)
2.7 COSTRUIRE UNA TIMELINE