Fòrum 3: Feu una recerca d'eines per a la creació de contingut interactiu. (RA4)

Learning Apps

https://learningapps.org/

Què ofereix: Creació de fitxes senzilles basades en plantilles fixes.

Exp/Imp: Permet incrustar via iFrame i generar codis QR. Es pot baixar com a paquet SCORM o iBooks Author.

Aquest és el codi que et dona l'eina per posar l'activitat en un blog:

<iframe src="https://learningapps.org/watch?v=pk34567" style="border:0px;width:100%;height:500px" allowfullscreen="true"></iframe>

Educaplay

https://es.educaplay.com/

Què ofereix: Generador d'activitats gamificades al núvol.

Exp/Imp: S'integra amb Google Classroom i Teams. Exporta com a LTI o SCORM (amb limitacions a la versió free).

Codi per integrar l'activitat sense sortir de la pàgina:

<iframe src="https://es.educaplay.com/juego/12345-mapa.html" width="795" height="690" frameborder="0"></iframe>

Genially

https://genial.ly/

Què ofereix: Disseny de presentacions i contingut visual interactiu.

Exp/Imp: La versió gratis només permet compartir enllaç o codi Embed. L'exportació a HTML5, PDF o JPG és de pagament. Permet importar PPTs.

Genially sol utilitzar un script per mantenir les animacions fluides:

<div class="container-wrapper-genially" style="position: relative; min-height: 400px;"><script src="https://genial.ly/j.js" type="text/javascript"></script></div>

H5P

https://h5p.org/

Què ofereix: Creació de contingut HTML5 estàndard i compatible.

Exp/Imp: És el més flexible. Exporta un fitxer .html únic (tot en un) que funciona sense internet, o fitxers .h5p per importar a Moodle o WordPress.

Si l'uses fora de Moodle, es veu així:

<iframe src="https://h5p.org/h5p/embed/129182" width="1090" height="638" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Twine

https://twinery.org/

Què ofereix: Eina de narrativa hipertextual (històries no lineals).

Exp/Imp: Exporta directament un fitxer .html autònom molt lleuger. Permet importar formats d'història (Twee).

Codi intern per fer una condicional (si tens la clau, passes; si no, no):

(if: $té_clau is true)[ Pots obrir la porta. [[Entrar->Habitació]] ]

(else:)[ La porta està tancada amb clau. ]

p5.js

https://p5js.org/

Què ofereix: Llibreria de JavaScript per a gràfics i interacció.

Exp/Imp: No exporta un format tancat; el resultat és codi .js que s'executa dins d'un llenç (canvas) en un navegador. Pots programar que guardi imatges (PNG/JPG) del que dibuixes.

Codi per dibuixar un cercle que segueix el ratolí:

function draw() {

background(200);

fill(255, 0, 0);

circle(mouseX, mouseY, 50);

}