timeline js
DESCRIPTION
Faire une frise chronologique avec ses élèvesTRANSCRIPT
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
1
Ligne de Temps
L'objectif de cette documentation est de détailler comment l'on peut faire facilement des frises
chronologiques:
- seul, pour agrémenter ses cours par exemple.
- avec les élèves, où ils pourront eux-mêmes créer, à plusieurs, une frise chronologique. ( travail
collaboratif)
Prérequis:
- avoir un compte gmail, de façon à pouvoir utiliser les google docs (et en particulier le tableur
spreadsheet)
- utiliser le site timelinejs pour diffuser ses frises chronologiques
1ère partie: Créer une frise a) Se connecter à un compte google
b) Télécharger le modèle de tableau
c) Renseigner le tableau
d) Publier le tableau Timelinejs
e) Intégration dans l'ENT
2nde partie: Permettre aux élèves de créer de
manière collaborative une frise chronologique.
a) Partager un document google
b) Instructions à donner aux élèves
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
2
1ère partie: Créer une frise
a) Se connecter à un compte google
Ce passage est facultatif s'il l'on possède déja un compte google. Il suffira de s'y connecter.
Se rendre sur la page suivante https://accounts.google.com/signup?hl=fr et créer un compte. (Il faudra
par la suite se souvenir du nom d’utilisateur choisi, et du mot de passe (au minimum 8 caractères)
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
3
b) Télécharger le modèle de tableau
La création de la frise chronologique se fait en complétant un tableau prédéfini, que vous pouvez
télécharger en cliquant ici. (il faudra au préalable être connecté sur son compte google)
On arrive alors sur une page présentant le tableau à remplir.
On peut renommer le tableau pour plus de clarté…
On clique sur Fichier / Créer une copie.
De cette manière, le modèle est copié
sur le compte google (sur le « drive »)
que l’on a ouvert précédemment.
Il est donc à présent modifiable et
vous appartient !
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
4
c) Renseigner le tableau
A présent, on va pouvoir compléter le tableau avec les évènements chronologiques souhaités, en
laissant la 1ère ligne, et en suivant les conventions suivantes :
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
5
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
6
d) Publier le tableau TimeLineJS
Maintenant que le tableau est complété, et
prêt à être transformé en frise
chronologique, il faut le rendre accessible :
On clique sur Fichier / Publier sur le Web.
On clique sur Démarrer
la publication.
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
7
On se rend à présent sur le site de timelinejs (cliquez sur ce lien) et on descend directement sur la
partie 3.
Et on colle le lien que l’on a copié sur le tableau google.
Il faut à présent copier
le lien donné.
Votre document n’est
pas modifiable par
autrui.
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
8
e) Mise en ligne sur l’ENT
On peut, dès à présent, visualiser le résultat. Pour cela, on clique sur le bouton Preview :
Pour mettre la frise sur l’ENT, il suffit :
- De copier le code commençant par <iframe …. (voir vignette précédente)
- De coller ce code dans un article de l’ENT, en ayant au préalable cliqué sur le bouton Source :
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
9
2nde partie: Permettre aux élèves de créer de
manière collaborative une frise chronologique.
a) Partager un document google
Avec les manipulations faites dans la 1ère 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 élèves de construire tous en même temps le tableau qui permettra d’élaborer
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 possédant le lien (« url ») du
document de le modifier.
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
10
On active le partage aux utilisateurs disposant du lien, et on leur donne le droit de « Modification ».
On copie le lien que l’on donnera aux élèves…
Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015
11
b) Instructions à donner aux élèves
Comment préparer en amont une séance avec les élèves ?
- Se connecter sur son compte google.
- Récupérer le modèle de tableau, et le sauvegarder (« créer une copie ») sur son drive.
- Publier le document et copier le lien de publication
- Se rendre sur le site de TimelineJS et récupérer le code d’intégration à l’ENT
- Insérer la frise dans un article de l’ENT.
- Activer le partage pour ceux qui ont le lien, et leur donner le droit de modifier le tableau.
- Copier le lien de partage.
- Créer sur le même article de l’ENT un lien hypertexte amenant vers le tableau modifiable.
Ainsi, les élèves ont sur la même page de l’ENT le lien permettant de modifier le tableau et la frise
ainsi produite.
Les élèves n’ont pas besoin d’avoir de compte google : ils peuvent, tous en même temps, modifier
le tableau, supprimer des lignes, rajouter des lignes, etc…
Il conviendra, une fois la frise terminée, de revenir sur les droits de modification pour ne plus
permettre à quiconque de modifier le tableau !