Timeline Js

11
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

description

Faire une frise chronologique avec ses élèves

Transcript of Timeline Js

Page 1: Timeline Js

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

Page 2: Timeline Js

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)

Page 3: Timeline Js

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 !

Page 4: Timeline Js

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 :

Page 5: Timeline Js

Fabien CABANEL – Pôle d’appui Lot Ouest – Octobre 2015

5

Page 6: Timeline Js

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.

Page 7: Timeline Js

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.

Page 8: Timeline Js

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 :

Page 9: Timeline Js

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.

Page 10: Timeline Js

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…

Page 11: Timeline Js

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 !