Fiche n° 1

H5P
Fiche n° 2 :
Créer une diapositive intégrant différents médias
Pour cette première manipulation, nous nous concentrerons sur les fonctionnalités de base pour réaliser la
diapositive suivante :
Pour réaliser cette diapositive, nous allons insérer du texte, une image ainsi que des fichiers son et vidéo.
Conseil :
Nous vous conseillons de préparer un scénario de la ressource que vous souhaitez créer
et de préparer vos fichiers pour la réaliser (images, sons etc.) avant de vous lancer.
1
1 - Se connecter
Connectez-vous au site :
http://paroles-partagees.ac-dijon.fr/wp-login.php
Saisissez vos identifiant/mot de passe (vous les avez reçus par mèl automatique).
Cliquez sur Exercices H5P puis sur le bouton Créer pour accéder au mode Édition de H5P. Le mode Édition permet
de créer, de modifier et de publier une présentation.
L’écran suivant doit apparaître à présent. Saisissez le titre de votre présentation  et choisissez le type de contenu
« Course presentation »  dans le menu déroulant (juste en dessous du titre) :


2
2 – Créer la diapositive
Etape 1 :
Lors de cette première étape, nous allons créer la partie descriptive de la fraise. Elle est constituée de trois zones : le
titre, la photo et le texte descriptif.
 Insérer le titre « La fraise »
Dans la barre de menu, l’icône
fenêtre de paramétrage :
permet d’intégrer du texte. Cliquez dessous pour faire apparaitre une nouvelle
La partie « Texte » permet de changer la
mise en forme de votre texte. Il faut pense
à mettre en surbrillance le texte avant de
procéder aux changements.
Les icônes sont les mêmes que dans
n’importe quel logiciel de traitement de
texte.
NB : le grossissement du texte s’exprime
en pourcentage comme le montre l’image
ci-contre.
3
Quand vous avez fini, cliquez sur Valider pour valider vos modifications ou sur Supprimer pour annuler et fermer
cette fenêtre.
Votre titre apparait dans une zone entourée de poignées. Ces dernières permettent de modifier la taille de cette
zone.
Les informations qui apparaissent au-dessus permettent :
afficher la position et la taille de l’élément
éditer la fenêtre pour modifier le texte
déplacer la zone de texte dans la diapositive (utile si vous avez des zones qui se superposent)
supprimer cette zone de texte (la touche Suppr du clavier ne fonctionne pas)
 Insérer la photo
Dans la barre de menu, l’icône
fenêtre de paramétrage :
permet d’intégrer du texte. Cliquez dessous pour faire apparaitre une nouvelle
Cliquer sur
pour aller chercher une image sur votre
ordinateur, disque dur externe, clé USB…
Vous devez choisir un texte alternatif (description de
l’image) au cas où l’image n’apparaitrait pas dans le
navigateur web.
4
Le bouton Editer le copyright permet de préciser les droits associés à l’image :
Tout comme pour une zone contenant du texte, l’image dispose des mêmes fonctionnalités (déplacer, agrandir,
réduire etc.).
Remarque :
Peut-être avez-vous remarqué que notre image ne disposait pas de
fond. En fait, il s’agit d’une image au format png qui permet de
bénéficier de cette transparence.
Comparaison (à gauche, une image avec fond transparent et
à droite, une image avec un fond blanc)
fraise.png
fraise.jpg

Des logiciels de retouche photo comme Gimp ou Photofiltre vous permettent de telles modifications si nécessaire.
 Insérer le texte descriptif
Tout comme le titre, utilisez le bouton
.
5
Etape 2 :
Lors de cette deuxième étape, nous allons créer la partie prononciation. Elle est constituée de deux zones : le texte
et les fichiers son.
 Insérer le texte

Cf. étape 1
 Insérer les fichiers son
Dans la barre de menu, l’icône
permet d’intégrer un ou plusieurs fichiers son. Cliquez dessous pour faire
apparaitre une nouvelle fenêtre de paramétrage. Cliquez ensuite sur la zone ci-après pour sélectionner vos trois
fichiers son :
Une fois les fichiers sélectionnés, renseigner le copyright puis cliquer sur Valider pour valider ou sur Supprimer pour
annuler.
Le fichier sera représenté par une icône dans la diapositive :
Vous pourrez l’agrandir, la déplacer….
6
Etape 3 :
Lors de cette troisième étape, nous allons créer la partie vidéo. Elle est constituée de deux zones : le texte et une
vidéo.
 Insérer le texte

Cf. étape 1
 Insérer la vidéo
Dans la barre de menu, l’icône
permet d’intégrer une ou plusieurs vidéos. Cliquez dessous pour faire apparaitre
une nouvelle fenêtre de paramétrage. Cliquez ensuite sur la zone ci-après pour sélectionner votre vidéo :
(comme pour les sons, vous pouvez sélectionner plusieurs vidéos)
Une fois le fichier sélectionné, renseigner le copyright puis cliquer sur Valider pour valider ou sur Supprimer pour
annuler.
Vous pouvez ensuite déplacer, réduire ou agrandir la taille de la vidéo dans la diapositive.
7
3 – Finaliser la création de la diapositive
Une fois votre diapositive achevée, cliquer sur Créer puis Update en haut à droite de votre écran pour avoir un
aperçu de votre diapositive terminée :
Le bouton Update permet d’enregistrer les modifications au fur et à mesure.
8