background preloader

H5P

Facebook Twitter

H5P – Create and Share Rich HTML5 Content and Applications. Examples and Downloads. H5P makes it easy to create interactive content by providing a range of content types for various needs. Preview and explore these content types below. You can create interactive content by adding the H5P plugin to your WordPress, Moodle or Drupal site, or integrate it via LTI with Canvas, Brightspace, Blackboard and many other VLEs that supports LTI integration. Check out the author guide to get started. h5p / Moodle : video Interactive. Réaliser une ressource interactive avec H5P. Présentation H5P est un logiciel libre permettant de créer une grande variété de contenus interactifs.

Réaliser une ressource interactive avec H5P

Wikipédia précise qu’il s’agit d’une abréviation de HTML5 Package, car le logiciel est basé sur HTML5 et Javascript. Il est encore possible à l’heure actuelle de se créer un compte sur le site pour effectuer un test sur l’éditeur en ligne, mais à terme, l’idée est de l’utiliser exclusivement dans un CMS (WordPress, Drupal ou Moodle) via un plug-in. (La version publique est payante en revanche). Si je choisis de vous parler d’H5P aujourd’hui, c’est parce qu’il s’agit d’un formidable outil d’édition et qu’il est disponible dans deux plateformes moodle, Éléa et m@gistère, à destination des concepteurs qui y ont les droits nécessaires. Quelques exemples. H5P. Créer des vidéos interactives. H5P est une boite à outils en ligne qui permet d’insérer de l’interactivité dans une vidéo.

H5P. Créer des vidéos interactives

Un outil formidable pour rendre actifs vos élèves quand vous leur proposez un support en vidéo. H5P est une boite à outils d’une grande richesse qui fait bien plus que des simples vidéos interactives. On reviendra dans un autre article sur les nombreuses fonctions disponibles pour créer du matériel pédagogique, mais nous allons nous intéresser cette fois-ci uniquement à son éditeur de vidéos. L’outil dont la prise en main est assez simple s’utilise directement depuis n’importe quel navigateur, mais vous pouvez aussi installer un plug-in pour WordPress, Drupal ou encore Moodle et ainsi avoir accès à l’outil directement depuis ces différents CMS.

Why H5P.org is only meant for "test-driving" H5P. H5P.org is the community site for H5P.

Why H5P.org is only meant for "test-driving" H5P

Its purpose is to provide those new to H5P with examples and information about what H5P is and how to get started. For those using H5P it provides a forum for communicating with the rest of the community, documentation and news. There is also a feature called "test-drive" on H5P.org. This feature is meant to allow users to try out H5P either before installing it on their own servers or before installing updates on their own servers. Créer des contenus interactifs en HTML5 directement depuis votre site avec H5P.

Du contenu interactif dans vos pages web H5P est un fabuleux système à intégrer à un site pour ensuite créer directement depuis l’interface de votre blog, toute une série de contenus interactifs : qcm, glisser/déposer, champs à compléter etc… mais aussi des images ou des vidéos interactives, des jeux, des lignes du temps… bref, le service propose plus d’une vingtaine d’activités du plus bel effet, il est même possible de créer les vôtres.

Créer des contenus interactifs en HTML5 directement depuis votre site avec H5P

Des exercices interactifs et bien plus encore Lorsque l’on édite un site d’école, il n’est pas rare de chercher à y intégrer différents types de contenus, notamment des leçons et des exercices interactifs. Pour cela, je vous propose de découvrir H5P , un système clé en main qui a la particularité de proposer de nombreux types de contenus, le tout en HTML5 et Responsive (affichage adapté aux mobiles). En fait, les différentes activités sont reprises sous quatre rubriques : les jeux, le multimédia, les questions et le média social. H5P - Enseigner avec le numérique. H5P est un système vraiment exceptionnel qui ne demande aucune compétence technique à mettre en place.

H5P - Enseigner avec le numérique

Le principe : créer des activités en html5 mais sans quitter son blog, sans utiliser de logiciels ni de plateforme, tout est dans le blog. Et il est possible de réaliser des activités très variées allant du simple petit exercice à la présentation contenant des exercices en passant par la création de vidéos interactives. Pour le test, nous nous sommes contentés de peu et j’ai fait un petit exercice de glisser déposer que tout le monde devrait pouvoir résoudre. L’extension contient 21 types d’exercices, de quoi permettre des activités variées et riches. Pour cela il suffit d’installer une extension sur votre blog. Donc une fois l’activité téléchargée, vous l’envoyez sur votre blog et vous pouvez désormais réaliser le même type d’activités.

H5P pour créer des activités pédagogiques. H5P est une extension, présente dans les applications Moodle et WordPress de l’ENT i-Cart, proposant des outils pour créer de nombreuses activités pédagogiques, comme des vidéos interactives, des “memory”, des textes à trous, du drag and drop, des schémas interactifs, … 1 – Les différentes activités sont :

H5P pour créer des activités pédagogiques