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 lamp;rsquoavenir du contenu riche en HTML 5. Quamp;rsquoest 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 lamp;rsquointerpré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 lamp;rsquoapplication hôte pour fournir du contenu, mais simplement pour créer du contenu. Voulez utiliser des éléments de contenu h5p sur damp;rsquoautres sites Web? Il suffit de les fichiers h5p (En fait les fichiers compressés HTML, css et JavaScript) et de les 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 à lamp;rsquointégration, le contenu est modifiable.
Il ne samp;rsquoagit pas seulement damp;rsquoun billet personnalisé sur les stéroïdes, il samp;rsquoagit de la livraison damp;rsquoune application HTML5 autonome. La création de contenu avancé avec h5p h5p 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 damp;rsquoimages, 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 lamp;rsquoinstallation du plug in pour la première fois, non
Type de contenu préchargé. Pour activer un type particulier de création, devez un exemple existant (h5p content amp;gt 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 namp;rsquoavez pas à les tous. Lamp;rsquoimportation damp;rsquooptions de type personnalisé permettra damp;rsquoéconomiser beaucoup de temps et damp;rsquoefforts. Comment h5p est il utilisé? Pour tester le plug in, jamp;rsquoai créé trois éléments de contenu, chacun avec un thème de coupe du monde: lamp;rsquohistoire des matchs de coupe du monde en Allemagne les jalons de lamp;rsquoimage de lamp;rsquoéquipe allemande un simple test de coupe du monde
Exemple 1 7 tournois de gloire de la Coupe du monde il samp;rsquoagit damp;rsquoune ligne de temps qui couvre les 32 jours de gloire entre juin et juillet 2014 (si êtes allemand) parce que lamp;rsquoé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 lamp;rsquoopposition, ainsi quamp;rsquoun 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 namp;rsquoy 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 le fichier h5p pour lamp;rsquoajouter à votre site! Télécharger lamp;rsquoexemple h5p (zip, 2 Mo) pour voir les détails de cette ligne de temps, ou
Créez votre propre. avez installé le plug in, il suffit de le fichier h5p et de le sur votre site Web et de lamp;rsquoutiliser sans modification. Exemple 2 – équipes champions de la Coupe du monde en Allemagne cet exemple couvre lamp;rsquoimage des équipes champions de la Coupe du monde en Allemagne en utilisant le type de contenu du Hotspot damp;rsquoimage, cliquez sur le Hotspot pour afficher la couverture des informations du joueur:
Les points chauds de lamp;rsquoimage sont faciles à mettre ensemble: la possibilité damp;rsquoinclure un HTML plus large dans la superposition est encore bonne. Charger lamp;rsquoimage 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 permet de maintenir lamp;emplacement de Hotspot parce que la page réagit à lamp;rsquoévolution de la taille de lamp;rsquoécran ou à différents appareils), et des tentatives et des erreurs sont nécessaires pour effectuer cette opération correctement. Jamp;rsquoutilise lamp;rsquoextension 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 lamp;rsquoimage affichée.
La seule plainte que jamp;rsquoai contre cette fonctionnalité est que lamp;rsquoécrasement supporte très peu de HTML: par exemple, je ne trouve pas de moyen damp;rsquoinsérer des images, et je ne supporte pas les tables. Même si coupez et collez dans une zone de texte, le processus damp;rsquoenregistrement élimine le HTML. non, il samp;rsquoagit damp;rsquoun moyen rapide et facile de créer des points chauds damp;rsquoimage. Téléchargez lamp;rsquoexemple 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 jamp;rsquoa i choisi lamp;rsquoun 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 damp;rsquointeragir: Ne regardez pas les réponses! Ajouter une question en annotant le texte: les réponses sont marquées damp;rsquoun 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 lamp;rsquoastérisque par une zone de texte damp;rsquoentrée vide au moment de lamp;rsquoaffichage initial et permettra à
Est ce que lamp;emballage riche est une tendance future? Le h5p offre des fonctionnalités impressionnantes, même si ce namp;rsquoest 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 lamp;rsquoé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 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 lamp;rsquoapplication, mais contrairement à Flash, il samp;rsquoagit damp;rsquoun 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 de la façon dont h5p gère le contenu HTML5 avancé? Aimez l’idée de créer un contenu indépendant de WordPress et facile à transférer? Étiquette: contenu HTML5
WordPress et h5p: un avenir riche en contenu?
