SlideShare une entreprise Scribd logo
1  sur  14
Apprendre
en s’amusant
avec
Samar Nasser
Objectifs:
• Caractéristiques d’un logiciel interactif
• Traits spécifiques de H5P
• Outils pour créer des activités pédagogiques
•Exemple pratique: Vidéo Interactive
•Contraintes d’utilisation
• Synthèse et Devoirs
Caractéristiques d’un logiciel
Traits spécifiques de H5P
Réalisation d’un
contenu multimédia
interactif
Réutilisation du
contenu et possibilité
de le modifier
1 2
3
01 02
03 04
Inutilité de savoir coder
pour produire le
contenu
4
Autorisation du partage
du contenu HTML 5 (sur
votre site web ou sur le
hub de H5P)
Le contenu H5P peut être intégré dans les plateformes (LMS)
Traits spécifiques de H5P (suite)
Outils pour créer des activités pédagogiques:
Outils pour créer des activités pédagogiques(suite):
Outils pour créer des activités pédagogiques(suite):
Outils pour créer des activités pédagogiques(suite):
Outils pour créer des activités pédagogiques(suite):
Exemple pratique sur H5P
• Télécharger
la vidéo
Etape 1
• Insérer les
questions
Etape 2
• Sauvegarder
la vidéo
Etape 3
Contraintes d’utilisation:
• En cas d’arrêt accès à internet, les documents non
sauvergardés sont perdus.
• Besoin de connaissance de la base de HTML pour
réaliser certaines tâches (dans les activités)
Synthèse:
H5P est une bibliothèque de modules _________ qui offre
la possibilité de créer une variété de contenus
pédagogiques _________. Ce qui la caractérise, elle
permet le téléchargement des contenus sur _______.
Parmi le activités interactives qu’on pourrait réaliser
__________.
réutilisables
interactifs
des LMS
Vidéo Interactive
et autres.
MERC
I
Est-ce que vous avez de questions?

Contenu connexe

Similaire à Apprendre en s'amusant avec H5P

Ankara partie 1 présentations
Ankara partie 1  présentationsAnkara partie 1  présentations
Ankara partie 1 présentations
Martine Dubreucq
 
Module Avril
Module AvrilModule Avril
Module Avril
Dubreucq
 
Module Avril
Module AvrilModule Avril
Module Avril
Dubreucq
 

Similaire à Apprendre en s'amusant avec H5P (20)

HTML(5) et Flash pour la production e-learning par Pierre Radlovic
HTML(5) et Flash pour la production e-learning par Pierre RadlovicHTML(5) et Flash pour la production e-learning par Pierre Radlovic
HTML(5) et Flash pour la production e-learning par Pierre Radlovic
 
Alphorm.com Java 8: les nouveautés
Alphorm.com Java 8: les nouveautésAlphorm.com Java 8: les nouveautés
Alphorm.com Java 8: les nouveautés
 
Ankara partie 1 présentations
Ankara partie 1  présentationsAnkara partie 1  présentations
Ankara partie 1 présentations
 
Guide pratique de la cyberformation en entreprise
Guide pratique de la cyberformation en entrepriseGuide pratique de la cyberformation en entreprise
Guide pratique de la cyberformation en entreprise
 
Votre site eCommerce avec Drupal Commerce dans le cloud Azure
Votre site eCommerce avec Drupal Commerce dans le cloud AzureVotre site eCommerce avec Drupal Commerce dans le cloud Azure
Votre site eCommerce avec Drupal Commerce dans le cloud Azure
 
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
 
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans DrupalDrupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
 
Site internet cahier des charges
Site internet cahier des chargesSite internet cahier des charges
Site internet cahier des charges
 
GUSP Montreal - SharePoint 2019 et le développement
GUSP Montreal - SharePoint 2019 et le développementGUSP Montreal - SharePoint 2019 et le développement
GUSP Montreal - SharePoint 2019 et le développement
 
U2 - Déployer Microsoft Teams avec succès
U2 - Déployer Microsoft Teams avec succèsU2 - Déployer Microsoft Teams avec succès
U2 - Déployer Microsoft Teams avec succès
 
Module Avril
Module AvrilModule Avril
Module Avril
 
Module Avril
Module AvrilModule Avril
Module Avril
 
Les bases en TICE pour les langues vivantes
Les bases en TICE pour les langues vivantesLes bases en TICE pour les langues vivantes
Les bases en TICE pour les langues vivantes
 
MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)
 
Innover avec SharePoint 2013
Innover avec SharePoint 2013Innover avec SharePoint 2013
Innover avec SharePoint 2013
 
Top 10 des meilleurs sites pour apprendre à coder - La fabrique du net
Top 10 des meilleurs sites pour apprendre à coder - La fabrique du netTop 10 des meilleurs sites pour apprendre à coder - La fabrique du net
Top 10 des meilleurs sites pour apprendre à coder - La fabrique du net
 
Ms Experiences'16 gouvernance et choix des outils collaboratifs office 365
Ms Experiences'16   gouvernance et choix des outils collaboratifs office 365Ms Experiences'16   gouvernance et choix des outils collaboratifs office 365
Ms Experiences'16 gouvernance et choix des outils collaboratifs office 365
 
Plateforme claro amel
Plateforme  claro amelPlateforme  claro amel
Plateforme claro amel
 
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014
 
Faire des sites multilingues avec WordPress
Faire des sites multilingues avec WordPressFaire des sites multilingues avec WordPress
Faire des sites multilingues avec WordPress
 

Plus de Samar Nasser

Plus de Samar Nasser (6)

Power Point Presentation - Accord des noms au pluriel.ppt
Power Point Presentation - Accord des noms au pluriel.pptPower Point Presentation - Accord des noms au pluriel.ppt
Power Point Presentation - Accord des noms au pluriel.ppt
 
Storyboard d'une vidéo éducative
Storyboard d'une vidéo éducativeStoryboard d'une vidéo éducative
Storyboard d'une vidéo éducative
 
Scénario d'une vidéo éducative
Scénario  d'une vidéo éducative Scénario  d'une vidéo éducative
Scénario d'une vidéo éducative
 
Présentation: La dissertation argumentative selon ADDIE
Présentation: La dissertation argumentative selon ADDIEPrésentation: La dissertation argumentative selon ADDIE
Présentation: La dissertation argumentative selon ADDIE
 
Fiche pedagogique
Fiche pedagogiqueFiche pedagogique
Fiche pedagogique
 
Lecture image fixe
Lecture image fixeLecture image fixe
Lecture image fixe
 

Dernier

Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 

Dernier (20)

La mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsLa mondialisation avantages et inconvénients
La mondialisation avantages et inconvénients
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Chapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon CoursChapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon Cours
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 

Apprendre en s'amusant avec H5P

  • 2. Objectifs: • Caractéristiques d’un logiciel interactif • Traits spécifiques de H5P • Outils pour créer des activités pédagogiques •Exemple pratique: Vidéo Interactive •Contraintes d’utilisation • Synthèse et Devoirs
  • 4. Traits spécifiques de H5P Réalisation d’un contenu multimédia interactif Réutilisation du contenu et possibilité de le modifier 1 2 3 01 02 03 04 Inutilité de savoir coder pour produire le contenu 4 Autorisation du partage du contenu HTML 5 (sur votre site web ou sur le hub de H5P)
  • 5. Le contenu H5P peut être intégré dans les plateformes (LMS) Traits spécifiques de H5P (suite)
  • 6. Outils pour créer des activités pédagogiques:
  • 7. Outils pour créer des activités pédagogiques(suite):
  • 8. Outils pour créer des activités pédagogiques(suite):
  • 9. Outils pour créer des activités pédagogiques(suite):
  • 10. Outils pour créer des activités pédagogiques(suite):
  • 11. Exemple pratique sur H5P • Télécharger la vidéo Etape 1 • Insérer les questions Etape 2 • Sauvegarder la vidéo Etape 3
  • 12. Contraintes d’utilisation: • En cas d’arrêt accès à internet, les documents non sauvergardés sont perdus. • Besoin de connaissance de la base de HTML pour réaliser certaines tâches (dans les activités)
  • 13. Synthèse: H5P est une bibliothèque de modules _________ qui offre la possibilité de créer une variété de contenus pédagogiques _________. Ce qui la caractérise, elle permet le téléchargement des contenus sur _______. Parmi le activités interactives qu’on pourrait réaliser __________. réutilisables interactifs des LMS Vidéo Interactive et autres.
  • 14. MERC I Est-ce que vous avez de questions?

Notes de l'éditeur

  1. Réutilisable et Modifiable
  2. H5P est une bibliothèque de modules réutilisables d’origine norvégienne qui offre la possibilité de créer une variété de contenus pédagogiques interactifs. Sans connaissance en programmation, on peut créer des présentations multimédias et numériques simples et rapides. Collège F.Mitterrand Un exemple présentation interactive avec l’outil ‘Course Presentation » intitulé « Oral de stage ». Une interaction minime ici pour s’assurer de la lecture du document Un exemple de rédaction avec l’outil « Essay » intitulé « Rédiger – Résumer – Le Hobbit » qui permet de s’auto-évaluer. L’analyse fonctionne par mots clés qu’il faut saisir et commenter dans le back-office de l’extension [version d’exemple traduite et complétée, à tester pour évaluation] :
  3. Accordion : Créer des éléments extensibles empilés verticalement Agamatto : Créer une séquence qui affiche progressivement plus de détails d’une image Arithmetic Quiz : Créer des quiz arithmétiques avec chronométrage Audio Recorder : Créer un enregistrement audio Chart : Générer rapidement des graphiques de type histogramme ou camembert Collage : Créer un collage d’images multiples Column : Mettre en page des activités et des contenus H5P par colonnes Dialog Cards : Créer des cartes à retourner Dictation : Créer une dictée avec de la rétroaction Documentation Tool : Assistant de formulaire avec exportation du document Référence: http://blogpeda.ac-poitiers.fr/i-cart/2018/08/30/h5p-pour-creer-des-activites-pedagogiques/
  4. Drag and Drop : Créer des activités de glisser-déplacer avec des images Drag the Words : Créer des activités de glisser-déplacer avec des textes Essay : Créer un outil de composition de texte avec de la rétroaction Fill in the Blanks : Créer des textes à trous Find Multiple Hotspot : Créer des images avec zones cliquables à choix multiple avec question Find the Hotspot : Créer des images avec zones cliquables à choix unique avec question Find the words : Créer des jeux de mots mêlés Flashcards : Créer des Flashcards Guess the Answer : Créer une image avec une question et affichage de la réponse Iframe Embedder : Intégrer un élément html  à un autre (exemple page web) Référence: http://blogpeda.ac-poitiers.fr/i-cart/2018/08/30/h5p-pour-creer-des-activites-pedagogiques/
  5. Image Hotspots : Créer une image avec plusieurs points cliquables avec des informations textuelles supplémentaires Image Juxtaposition : Créer du contenu permettant de comparer deux images en juxtaposition Image Pairing : Regrouper les paires d’images en utilisant le glisser/déposer Image Sequencing : Ranger les images dans le bon ordre Image Slider : créer un diaporama (carrousel) d’images Impressive Présentation : Créer un diaporama avec des effets de zoom et de déplacement (parallaxe) Mark the Words : Créer une tâche où les utilisateurs mettent en surbrillance des mots clés/mots recherchés Memory Game : Créer un jeu de mémorisation classique en appariant des images, soit drag and drop soit cliquable Multiple Choice : Créer une série des questions à choix multiples Personality Quiz : Créer des quiz de personnalités
  6. Questionnaire : Créer un questionnaire pour réaliser des sondages ou de la rétroaction Quiz (Question Set) : Créer un quiz contenant une séquence de questions avec une variété de typologies Single Choice Set : Créer des questions à réponse correcte unique Speak the Words : Créer une question à laquelle la réponse est donnée oralement Speak the Words Set : Créer une série de questions permettant de répondre oralement Summary : Créer des tâches avec une liste d’instructions Timeline : Créer une frise chronologique avec des objets multimédia True/False Question : Créer des questions vrai / faux Virtual Tour (360) : Créer des environnement 360° avec une palette d’interactions possibles Interactive Video : Créer des vidéos enrichies avec une palette d’interactions possibles
  7. Course Presentation : Créer une présentation avec diapositives interactives Branching Scenario : Créer des scénarios interactifs Advanced fill the blanks : Créer des textes à trous avec interactions possibles Référence: http://blogpeda.ac-poitiers.fr/i-cart/2018/08/30/h5p-pour-creer-des-activites-pedagogiques/