# Timeline

  
Vous pouvez créez une frise temporelle interactive, en plaçant une séquence d'événements dans un ordre chronologique.

Pour chaque événement, vous pouvez ajouter des images et des textes. Vous pouvez également inclure des ressources provenant de Twitter, YouTube, Flickr, Vimeo, Google Maps et SoundCloud.

Ce module H5P rend les frises temporelles facilement modifiables, partageables et réutilisables.  
Excellent pour fournir une vue d'ensemble chronologique.

[![image-1628588179015.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/F418UeSFJysInDh2-image-1628588179015.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/F418UeSFJysInDh2-image-1628588179015.png)

###   
<span style="color: #0000ff;">Étape 1 : Création de l’activité H5P</span>

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Timeline.

Dans la barre latérale gauche,

1\. Cliquez sur le menu « Banque de contenus »

2\. Puis sur « Ajouter »

3\. Et sélectionner le contenu « Timeline »

[![image-1628588310783.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/zz36p27Ns7OMs9D4-image-1628588310783.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/zz36p27Ns7OMs9D4-image-1628588310783.png)

### <span style="color: #0000ff;">Étape 2 : Paramétrage de mon activité H5P</span>

Dans le formulaire qui s’affiche,

1\. Nommez votre activité   
*Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.*

2\. Entrez le Titre de votre 1ère section

3\. Entrez votre contenu « texte » de présentation

[![image-1628588375079.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/6GiYBJMSPdSEgksC-image-1628588375079.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/6GiYBJMSPdSEgksC-image-1628588375079.png)

4\. Personnalisez l’arrière plan de votre frise (facultatif) en intégrant une image depuis votre ordinateur ou à l’aide d’un URL

5\. Intégrez les crédits de l’image et une légende éventuelle

[![image-1628588398203.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/DX6Ry151YZpn7QmR-image-1628588398203.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/DX6Ry151YZpn7QmR-image-1628588398203.png)

6\. Remplissez vos évènements :

• Dans la section « Dates » : les évènement qui apparaitront sur la frise

[![image-1628588413662.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/PJCSNcUhGIglJykH-image-1628588413662.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/PJCSNcUhGIglJykH-image-1628588413662.png)

• Dans la section « Périodes » : les périodes qui s’afficheront en bas de votre frise

#### <span style="color: #ff99cc;">Ajouter des « Dates »</span>

<table border="1" id="bkmrk-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-1.-entre" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.4568%;">1\. Entrez les dates de début et de fin de votre évènement

2\. Entrez le Titre de votre évènement

  
3\. Entrez le texte éventuel que vous voulez associer à cet évènement (explications, définitions, etc.)

</td><td style="width: 66.5432%;">[![image-1628588518324.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/XWpCFjaxhkOLWyDT-image-1628588518324.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/XWpCFjaxhkOLWyDT-image-1628588518324.png)

</td></tr></tbody></table>

4\. Ajouter un média URL et une miniature pour illustrer votre évènement

Sous "Etiquette", ouvrez le menu déroulant "Média" [![image-1628588641207.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/RqpKc4B1OqjnMeGO-image-1628588641207.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/RqpKc4B1OqjnMeGO-image-1628588641207.png)

[![image-1628588607957.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/eSdzWAr1LZ9CH5gd-image-1628588607957.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/eSdzWAr1LZ9CH5gd-image-1628588607957.png)

5\. Ajouter les crédits et une légende

6\. Ajouter une nouvelle date

Cliquez sur « Ajouter item » et reproduire la procédure

#### <span style="color: #ff99cc;">Ajouter des « Périodes »</span>

7\. Entrez les dates de début et de fin de votre période

8\. Entrez le Titre de votre période

9\. Entrez le texte éventuel que vous voulez associer à cette période

  
10\. Ajouter une nouvelle période à votre frise

  
Cliquez sur « Ajouter item » et reproduire la procédure

11\. Enregistrez votre Timeline en cliquant sur [![image-1628513206696.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/Xgs6nz9rdC7DEMmy-image-1628513206696.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/Xgs6nz9rdC7DEMmy-image-1628513206696.png)pour visualiser votre contenu interactif.

Vous retrouverez facilement votre Timeline dans votre Banque de contenus et pourrez le modifier, à tout moment.

### <span style="color: #3366ff;">Étape 3 : Intégrez votre activité Timeline à votre cours Moodle</span>

Vous pouvez maintenant **diffuser votre module H5P** dans votre page Moodle. Vous pouvez l'[intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette](https://wiki.unil.ch/cse/books/h5p/page/option-1-integration-dans-la-page-de-cours "Option 1 : Intégration dans la page de cours (Ressource Étiquette)") ou la [diffuser à l'aider d'une activité H5P](https://wiki.unil.ch/cse/books/h5p/page/option-3-diffusion-de-lactivite-ou-du-contenu-h5p "Option 2 : Diffusion de l’activité ou du contenu H5P").