MP0615: Recerca d'eines per a la creació de contingut interactiu

Nivell	Eina	Enllaç
Senzill	Wordwall	https://wordwall.net/
Senzill	Genially	https://genially.com/es/
Intermedi	H5P	https://h5p.org/
Intermedi	Twine	https://twinery.org/
Avançat	A-Frame	https://aframe.io/
Avançat	Unity(WebGL)	https://unity.com/es

Nivell senzill: Creació ràpida i plantilles

Wordwall

Funcions i Formats: Permet crear activitats a partir de plantilles predissenyades. La importació es limita a fitxers d'imatge (JPG, PNG, GIF). La seva funció principal és la gestió de dades de l'alumne: exporta els resultats a fitxers CSV o Excel i permet la impressió de les activitats en format PDF.

Exemple: Ruleta

Genially

Funcions i Formats: Eina de disseny per capes. Importa imatges (JPG, PNG, SVG), àudio (MP3) i vídeos (via URL). La seva funció més potent és la incrustació d'Iframes per mostrar contingut extern. L'exportació en la versió gratuïta és només via enllaç/URL, mentre que la Premium permet descarregar en HTML5 (per a ús offline), PDF o MP4.

Exemple: Joc de puzzle

Nivell intermedi: Interactivitat estructurada i narrativa

H5P

Funcions i Formats: Framework basat en ginys per a contingut educatiu. Permet importar fitxers multimèdia com MP4, WebM i MP3. La funció clau és l'empaquetament: importa i exporta fitxers amb extensió .h5p, que contenen tota la lògica i els recursos en un sol paquet compatible amb LTI per a Moodle o Canvas.

Exemple: Video interactiu

Twine

Funcions i Formats: Editor de narratives no lineals. Importa/exporta fitxers de projecte en format .tws o .txt. Les imatges i sons no s'incrusten directament (per no pesar massa), sinó que es criden mitjançant etiquetes HTML i codi CSS. L'exportació final és un únic fitxer HTML que funciona en qualsevol navegador sense dependències.

Exemple: Historia interactiva

Nivell avançat: Entorns 3D i execució d'alt rendiment

A-Frame

Funcions i Formats: Framework de VR que s'edita escrivint codi HTML. Importa models 3D en formats glTF/GLB (estàndard web), OBJ i STL. També suporta textures en JPG i vídeos 360°. No requereix exportació, ja que és una Web App nativa; el resultat es publica directament com a fitxer .html amb scripts de JavaScript.

Exemple: Realitat virtual

Unity (WebGL)

Funcions i Formats: Motor professional que suporta la importació massiva d'actius: models FBX, textures PSD/Tiff, àudio WAV i scripts en C#. La funció d'exportació a WebGL transforma tot el projecte en un paquet de fitxers .wasm (WebAssembly), .data (binaris comprimits) i .js.

Exemple: Demo

Contingut interactiu i integració amb html (codi):

<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<title>Activitat</title>
</head>
<body>

<h1>La meva Activitat Interactiva</h1>

</body>
</html>