WordPress et h5p: un avenir riche en contenu?

H5p n’est pas un plug – in de contenu WordPress commun: c’est une façon vraiment innovante de créer, d’intégrer et de partager du contenu riche en HTML5 via le site WordPress. Bien qu’il soit peut – être plus axé sur le contenu éducatif, il existe plusieurs types de contenu, tels que les hotspots d’images, les démonstrations et les horaires, qui peuvent intéresser n’importe quel propriétaire de site WordPress. Alors, regardez à quoi ressemblera l’avenir du contenu riche en HTML 5. Qu’est – ce que le contenu riche? Le contenu riche est plus que du texte ou des images statiques, pas seulement des curseurs et des bibliothèques de boîtes lumineuses. Bien que la grande majorité du contenu soit passif, la richesse du contenu est active et nécessite une interaction pour atteindre sa pleine valeur. Dans l’interprétation h5p du contenu avancé, cliquez pour voir un exemple de Hotspot sur le site h5p, qui est également autonome et ne dépend pas de l’application hôte pour fournir du contenu, mais simplement pour créer du contenu. Voulez – vous utiliser des éléments de contenu h5p sur d’autres sites Web? Il suffit de télécharger les fichiers h5p (En fait les fichiers compressés HTML, css et JavaScript) et de les télécharger sur un autre site Web compatible h5p (avec les solutions WordPress, Drupal et Joomla au moment de la rédaction de cet article) pour obtenir le même contenu et fonctionner exactement de la même manière. Contrairement à l’intégration, le contenu est modifiable.
Il ne s’agit pas seulement d’un billet personnalisé sur les stéroïdes, il s’agit de la livraison d’une application HTML5 autonome. La création de contenu avancé avec h5p h5p vous permet de créer plusieurs types de contenu: Au fil du temps, il y aura de plus en plus de listes de types de contenu, dont la plupart ont tendance à être éducatifs, mais il y a aussi des attractions mondiales, en particulier des types d’images, de présentations et de hotspots chronologiques. Il ne fait aucun doute que de nouveaux types de contenu seront ajoutés au cours de ce processus. Un peu confus lors de l’installation du plug – in pour la première fois, non
Type de contenu préchargé. Pour activer un type particulier de création, vous devez télécharger un exemple existant (h5p content > Add new), ce qui peut sembler étrange, mais peut aider à réduire la taille du fichier plug – in: le type de contenu de démonstration est de 40 Mo.
De nombreux exemples téléchargeables contiennent de nombreux types de contenu (comme des présentations), de sorte que vous n’avez pas à les télécharger tous. L’importation d’options de type personnalisé vous permettra d’économiser beaucoup de temps et d’efforts. Comment h5p est – il utilisé? Pour tester le plug – in, j’ai créé trois éléments de contenu, chacun avec un thème de coupe du monde: l’histoire des matchs de coupe du monde en Allemagne les jalons de l’image de l’équipe allemande un simple test de coupe du monde \
Exemple 1 – 7 tournois de gloire de la Coupe du monde il s’agit d’une ligne de temps qui couvre les 32 jours de gloire entre juin et juillet 2014 (si vous êtes allemand) parce que l’équipe allemande a joué 5 matchs, joué 2 matchs et remporté la 20e Coupe du monde pour la quatrième fois. Créez une chronologie pertinente: créez une nouvelle entrée pour chaque match, y compris le score (titre) et le drapeau de l’opposition, ainsi qu’un résumé très court (contenu). Créez un élément temps pour chaque étape du tournoi (Groupe, 16e ronde, quart de finale, demi – finale, finale). Il n’y a rien de trop compliqué ici et le résultat final est très intéressant: Cette ligne de temps fascinante sera bientôt créée. Il suffit de télécharger le fichier h5p pour l’ajouter à votre site! Télécharger l’exemple h5p (zip, 2 Mo) pour voir les détails de cette ligne de temps, ou
Créez votre propre. Si vous avez installé le plug – in, il vous suffit de télécharger le fichier h5p et de le télécharger sur votre site Web et de l’utiliser sans modification. Exemple 2 – équipes champions de la Coupe du monde en Allemagne cet exemple couvre l’image des équipes champions de la Coupe du monde en Allemagne en utilisant le type de contenu du Hotspot d’image, cliquez sur le Hotspot pour afficher la couverture des informations du joueur: Les points chauds de l’image sont faciles à mettre ensemble: la possibilité d’inclure un HTML plus large dans la superposition est encore bonne. Charger l’image principale en ajoutant un Hotspot pour chaque lecteur Ces emplacements nécessitent des tentatives et des erreurs de coordonnées de Hotspot en pourcentage (ce qui vous permet de maintenir l’emplacement de Hotspot parce que la page réagit à l’évolution de la taille de l’écran ou à différents appareils), et des tentatives et des erreurs sont nécessaires pour effectuer cette opération correctement. J’utilise l’extension des règles de chrome pour obtenir les coordonnées réelles des points chauds, puis je les convertit en pourcentage en fonction de la largeur et de la hauteur de l’image affichée.
La seule plainte que j’ai contre cette fonctionnalité est que l’écrasement supporte très peu de HTML: par exemple, je ne trouve pas de moyen d’insérer des images, et je ne supporte pas les tables. Même si vous coupez et collez dans une zone de texte, le processus d’enregistrement élimine le HTML. Sinon, il s’agit d’un moyen rapide et facile de créer des points chauds d’image. Téléchargez l’exemple h5p (zip, 2 Mo) pour en savoir plus sur ce Hotspot ou créez votre propre Hotspot. Exemple 3 – Testez vos connaissances sur la Coupe du monde comme indiqué ci – dessus, la plupart des types de contenu ont tendance à être éducatifs, donc j’a i choisi l’un des types de contenu de test les plus simples, remplissez les blancs, p
Er créer un petit (mais cruel) test de coupe du monde: Une façon simple mais efficace d’interagir: Ne regardez pas les réponses! Ajouter une question en annotant le texte: les réponses sont marquées d’un astérisque (*) et les réponses alternatives sont séparées par un diagramme à barres (\/). Par exemple, voici une question sur les meilleurs joueurs: les meilleurs joueurs sont décernés * Lionel Massey \/ Massey *. Ceci remplacera le texte dans l’astérisque par une zone de texte d’entrée vide au moment de l’affichage initial et permettra à \
Est – ce que l’emballage riche est une tendance future? Le h5p offre des fonctionnalités impressionnantes, même si ce n’est pas une bonne interface utilisateur, qui est incluse dans la fonctionnalité. Les trois exemples ci – dessus sont les plus simples: une série de questions et de démonstrations peuvent devenir très complexes. Le h5p offre un moyen simple de créer un contenu interactif attrayant et peut facilement le partager, le réutiliser et l’étendre dans une gamme de systèmes de gestion de contenu. Une combinaison convaincante. Mais il y a plus de danger ici. Le potentiel de h5p est de révolutionner la création, la distribution et le partage de contenu riche en HTML 5; La possibilité de créer du contenu dans une application et de le distribuer dans une autre; La possibilité de partager ce contenu sur plusieurs plateformes sans modification.
Il s’agit d’un plugin qui peut offrir plusieurs types de contenu premium (14 est un bon début): il suffit de télécharger un exemple et votre site WordPress est maintenant prêt à le créer. Peut – être que dans ce processus, la création est complètement retirée du canal de livraison et se déroule dans une application dédiée. Cela commence à ressembler beaucoup à un écosystème comme Flash, qui a lib
Crée du contenu à partir des limites du navigateur. H5p libère le contenu des restrictions de livraison de l’application, mais contrairement à Flash, il s’agit d’un projet Open Source basé sur HTML, css et Javascript, sans problème de logiciel propriétaire. Il faut de la motivation et de la communauté. Il a besoin de plus de types de contenu; Besoin de plus de support pour les systèmes de gestion de contenu (bien que l’utilisation de WordPress soit un bon début); Doit pouvoir fonctionner indépendamment; Il faudra peut – être aussi un outil de création spécialisé. Il y a peut – être encore beaucoup à améliorer, mais les fonctionnalités actuelles de h5p et sa capacité à aider les auteurs de contenu à créer un contenu riche et interactif signifient que chaque propriétaire du site WordPress devrait y réfléchir attentivement. Que pensez – vous de la façon dont h5p gère le contenu HTML5 avancé? Aimez – vous l’idée de créer un contenu indépendant de WordPress et facile à transférer? Étiquette: contenu HTML5