Ligne de Temps

L'objectif de cette documentation est de dtailler comment l'on peut faire facilement des frises
chronologiques:
- seul, pour agrmenter ses cours par exemple.
- avec les lves, o ils pourront eux-mmes crer, plusieurs, une frise chronologique. ( travail
collaboratif)

Prrequis:
- avoir un compte gmail, de faon pouvoir utiliser les google docs (et en particulier le tableur
spreadsheet)
- utiliser le site timelinejs pour diffuser ses frises chronologiques

1re partie: Crer une frise

a) Se connecter un compte google
b) Tlcharger le modle de tableau
c) Renseigner le tableau
d) Publier le tableau Timelinejs
e) Intgration dans l'ENT

2nde partie: Permettre aux lves de crer de

manire collaborative une frise chronologique.
a) Partager un document google
b) Instructions donner aux lves

1
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

1re partie: Crer une frise

a) Se connecter un compte google
Ce passage est facultatif s'il l'on possde dja un compte google. Il suffira de s'y connecter.
Se rendre sur la page suivante https://accounts.google.com/signup?hl=fr et crer un compte. (Il faudra
par la suite se souvenir du nom dutilisateur choisi, et du mot de passe (au minimum 8 caractres)

2
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

b) Tlcharger le modle de tableau

La cration de la frise chronologique se fait en compltant un tableau prdfini, que vous pouvez
tlcharger en cliquant ici. (il faudra au pralable tre connect sur son compte google)
On arrive alors sur une page prsentant le tableau remplir.

On clique sur Fichier / Crer une copie.

De cette manire, le modle est copi

sur le compte google (sur le drive )
que lon a ouvert prcdemment.
Il est donc prsent modifiable et
vous appartient !

On peut renommer le tableau pour plus de clart

3
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

c) Renseigner le tableau
A prsent, on va pouvoir complter le tableau avec les vnements chronologiques souhaits, en
laissant la 1re ligne, et en suivant les conventions suivantes :

4
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

5
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

d) Publier le tableau TimeLineJS

Maintenant que le tableau est complt, et

prt tre transform en frise
chronologique, il faut le rendre accessible :

On clique sur Fichier / Publier sur le Web.

On clique sur Dmarrer

la publication.

6
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

Il faut prsent copier

le lien donn.

Votre document nest

pas modifiable par
autrui.

On se rend prsent sur le site de timelinejs (cliquez sur ce lien) et on descend directement sur la
partie 3.

Et on colle le lien que lon a copi sur le tableau google.

Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

e) Mise en ligne sur lENT

On peut, ds prsent, visualiser le rsultat. Pour cela, on clique sur le bouton Preview :

Pour mettre la frise sur lENT, il suffit :

-

De copier le code commenant par <iframe . (voir vignette prcdente)

De coller ce code dans un article de lENT, en ayant au pralable cliqu sur le bouton Source :

8
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

2nde partie: Permettre aux lves de crer de

manire collaborative une frise chronologique.
a) Partager un document google
Avec les manipulations faites dans la 1re partie, vous avez un tableau qui est publi sur le web, mais
pas vraiment visible par les utilisateurs, et surtout non modifiable.
Afin de permettre aux lves de construire tous en mme temps le tableau qui permettra dlaborer
cette frise, il faut partager le document google. On clique sur le bouton bleu Partager situ en haut droite
du document. On va modifier les autorisations en permettant quiconque possdant le lien ( url ) du
document de le modifier.

9
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

On active le partage aux utilisateurs disposant du lien, et on leur donne le droit de Modification .

On copie le lien que lon donnera aux lves

10
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015

b) Instructions donner aux lves

Comment prparer en amont une sance avec les lves ?
-

Se connecter sur son compte google.

Rcuprer le modle de tableau, et le sauvegarder ( crer une copie ) sur son drive.
Publier le document et copier le lien de publication
Se rendre sur le site de TimelineJS et rcuprer le code dintgration lENT
Insrer la frise dans un article de lENT.
Activer le partage pour ceux qui ont le lien, et leur donner le droit de modifier le tableau.
Copier le lien de partage.
Crer sur le mme article de lENT un lien hypertexte amenant vers le tableau modifiable.

Ainsi, les lves ont sur la mme page de lENT le lien permettant de modifier le tableau et la frise
ainsi produite.
Les lves nont pas besoin davoir de compte google : ils peuvent, tous en mme temps, modifier
le tableau, supprimer des lignes, rajouter des lignes, etc
Il conviendra, une fois la frise termine, de revenir sur les droits de modification pour ne plus
permettre quiconque de modifier le tableau !

11
Fabien CABANEL Ple dappui Lot Ouest Octobre 2015