WordPress y H5P: ¿El futuro del contenido rico?

H5P no es su complemento de contenido de WordPress regular: es una forma verdaderamente innovadora de crear, incorporar y compartir contenido HTML5 a través de su sitio de WordPress. Aunque puede referirse a más contenido educativo, hay tipos de contenido, como imágenes, presentaciones y puntos de acceso de cronología, que serán de interés para cualquier propietario del sitio de WordPress. Así que eche un vistazo a lo que podría ser el futuro del contenido rico de HTML5. ¿Cuál es el contenido rico? El contenido rico es más que imágenes de texto o estáticos y va más allá de las diapositivas y las galerías de Lightbox. Si bien la gran mayoría del contenido es pasivo, el contenido rico es activo, lo que requiere la interacción para obtener el valor máximo.

Haga clic para ver el ejemplo de hotspot en el sitio web de H5P en la interpretación H5P de contenido rico, también es independiente, no se basa en la aplicación del host para proporcionar el contenido, solo para crearlo. ¿Le gustaría usar un elemento de contenido H5P en otro sitio? Simplemente descargue el archivo H5P (de hecho, una cremallera de HTML, CSS y JavaScript) y cárguelo a otro sitio compatible con H5P (al momento de la redacción, hay soluciones para WordPress, Drupal y Joomla) para tener exactamente el mismo contenido que se comporta. exactamente de la misma manera. Y, a diferencia de la incorporación, el contenido está disponible para la modificación.
Esto no es solo tipos de puestos de esteroides personalizados, esta es la entrega de aplicaciones HTML5 autónomas. Crear contenido rico con H5P H5P le permite crear múltiples tipos de contenido:

Una lista de tipos bastante grandes de contenido, que aumentará con el tiempo, tienen una inclinación educativa, pero hay un número con atracción global, especialmente los tipos de punto de acceso, presentación y cronología de imágenes. Sin lugar a dudas, se agregarán nuevos tipos de contenido a la pista. Algo confundido, cuando instala por primera vez el complemento, no hay tipos de contenido de precarga. Para permitir la creación de un tipo en particular, debe cargar un ejemplo existente (H5P Content> Agregar nuevo), que parece ligeramente curioso, pero puede mantener el tamaño del archivo de complemento hacia abajo: el tipo de contenido de presentación es de 40 MB. Muchos ejemplos descargables contienen varios tipos de contenido (presentaciones, por ejemplo), por lo que no tendrá que descargarlos todos. Una opción para importar tipos personalizados ahorraría mucho tiempo y esfuerzo. ¿Cómo trabajas con H5P? Para probar el complemento, creamos 3 elementos de contenido, todos con un tema de la Copa Mundial:
Una cronología de los partidos de Alemania en la Copa del Mundo
Un punto de imagen caliente del equipo de Alemania
Una prueba simple de “espacios completos” en la Copa del Mundo
Desafortunadamente, y aún no he aprendido por qué, parece que hay algunos problemas que me han impedido incorporar los ejemplos reales en este artículo. Sin lugar a dudas, estos son solo los problemas habituales de la dentición que enfrenta cada nuevo producto.
Ejemplo 1-7 Los partidos para la gloria de la Copa Mundial es una cronología que cubre a esos gloriosos (si eres alemán) 32 días en junio de 2014, mientras que Alemania luchó en 5 partidos y pasó por 2 para ganar la 20ª edición. de la Copa Mundial por cuarta vez. La construcción de la cronología involucrada: cree una nueva fecha para cada partido con la línea de puntuación (título) y la bandera de la oposición más un resumen muy corto (contenido).
Cree un elemento de cosecha para cada fase de la competencia (fase grupal, finales, cuartos, semifinales, final).
Nada demasiado complicado aquí y el resultado final es bastante atractivo:
Esta atractiva cronología fue rápida y fácil de crear. ¡Simplemente descargue el archivo H5P para agregarlo a su sitio! Descargue ejemplos H5P (ZIP, 2MB) para ver los detalles de esta cronología o para crear el suyo. Si tiene el complemento instalado, simplemente debe descargar el archivo H5P y cargarlo en su sitio y lo usa sin cambios. Ejemplo 2-El equipo ganador de la Copa Mundial alemana Este ejemplo utiliza el tipo de contenido para la imagen de hotspot para superponer una imagen de la Copa Mundial alemana que ganó con puntos de acceso a los que se puede hacer clic, lo que muestra una superposición con información sobre el jugador:
Los puntos de acceso de imágenes son fáciles de recolectar: ​​la capacidad de incluir HTML más amplio en superposición sería bueno, sin embargo, es simplemente una cuestión de:

Cargando la imagen principal

Agregar un punto de acceso para cada jugador

Estas posiciones requieren algunos intentos y errores, las coordenadas del punto de acceso se expresan en porcentaje (esto permite mantener la posición del punto de acceso a medida que la página responde a cambiar el tamaño de la pantalla o los dispositivos diferentes) y requiere algunos intentos y errores para resolverlo correctamente. Utilicé una extensión generalmente para Chrome para obtener las coordenadas reales para el punto de acceso y luego convertirlas en porcentajes en función del ancho y la altura de la imagen. Mi insatisfacción sobre esta característica es que el HTML que acepta la superposición es bastante limitado – I No pude encontrar una manera de ingresar imágenes allí, por ejemplo, y no hay soporte para las tablas. Incluso si corta y pegue en el área de texto, el proceso de rescate elimina el código HTML. De lo contrario, una manera rápida y fácil de crear un punto de acceso de imágenes. Descargue ejemplos de H5P (Zip, 2 MB) para explorar más este punto de acceso o para crear su propio ejemplo de 3 pruebas sobre su conocimiento sobre la Copa del Mundo como se mencionó anteriormente, la mayoría de los tipos de contenido inclinado hacia el contenido educativo, de modo que elija uno de Los tipos de cuestionarios con una apariencia más simple, el tipo de completar los espacios libres, para crear una pequeña prueba (pero diabólica) para la Copa Mundial:
Una forma simple pero efectiva de crear interacción, ¡simplemente no mire las respuestas! Las preguntas se agregan anotando el texto: las respuestas están marcadas con asteriscos (*), y las respuestas alternativas se separan con una barra oblicua (/). Por ejemplo, aquí está la pregunta para el mejor jugador: el mejor jugador fue otorgado a *Lionel Messi/Messi *. Esto reemplazará el texto contenido en asteriscos con un cuadro de texto vacío cuando se muestra inicialmente y permitirá “Lionel Messi” o “Messi” en la respuesta correcta. Descargue los ejemplos h5p (zip, 2mb) para jugar más con este ejemplo o crear su propio tipo de espacios gratuitos. ¿El rico empaquetado es el futuro? H5P ofrece una funcionalidad impresionante, envuelta en una interfaz de usuario funcional, si no completamente hermosa. Los 3 ejemplos anteriores son algunos de los más simples: puede volverse bastante complicado con conjuntos de preguntas y presentaciones. H5P ofrece una forma simple de producir contenido atractivo e interactivo, junto con la capacidad de compartir, reutilizar y extender fácilmente ese contenido en varios sistemas de gestión de contenido. Una combinación convincente. Pero hay más en el juego aquí. El potencial de H5P es revolucionar la creación, la entrega y el intercambio del contenido rico de HTML5; la capacidad de crear contenido en una aplicación y entregarlo a otra; La capacidad de compartir ese contenido en múltiples plataformas sin cambios.

Este es un solo complemento que puede proporcionar una amplia gama de tipos de contenido rico (14 no es un comienzo estúpido): cargue un ejemplo y ahora su sitio de WordPress puede crearlo. Quizás la creación en la pista se elimina por completo del canal de entrega y tiene lugar en una aplicación dedicada. Esto comienza a sonarse mucho como ecosistemas como Flash, que han lanzado el contenido de los límites del navegador. H5P libera el contenido dentro de los límites de la aplicación de entrega, pero, a diferencia de Flash, es un proyecto de código abierto construido en HTML, CSS y JavaScript y sin problemas relacionados con el propietario. Lo que necesita es impulso y comunidad. Necesita tipos de contenido más ricos; debe ser compatible con varios sistemas de gestión de contenido (aunque el uso de WordPress es un buen comienzo); debe poder operar de forma independiente; Y probablemente necesite una herramienta creativa dedicada. Probablemente, hay mucha mejora, pero la funcionalidad actual de H5P y su capacidad para ayudar a los autores de contenido a crear contenido rico e interactivo significa que cada propietario del sitio de WordPress debe prestar especial atención. ¿Qué opinas sobre el enfoque H5P en el contenido de HTML5 rico? ¿Atrae la idea de crear contenido independiente de WordPress y fácil de transferir? Etiquetas: contenido
Html5