NIVELL SENZILL
|
Eina |
Enllaç |
Format d’exportació |
Descripció |
|
Genially |
https://www.genial.ly/ |
Enllaç web, iframe (embed) |
Plataforma online per crear presentacions, infografies i contingut interactiu. Permet animacions, botons, vídeos i elements multimèdia. No exporta a HTML pur, però es pot incrustar en webs. |
|
Canva |
https://www.canva.com/ |
PNG, JPG, PDF, MP4, enllaç web |
Eina web de disseny gràfic amb opcions bàsiques d’interactivitat com enllaços i animacions. Ideal per contingut visual senzill i ràpid. |
|
Navegadors compatibles |
Configuració necessària |
Dispositius i sistemes operatius |
|
Google Chrome Mozilla Firefox Microsoft Edge |
JavaScript activat (imprescindible) Cookies habilitades Connexió a Internet (eines 100% online) No requereixen plugins addicionals |
Ordinador (Windows, Linux, macOS) tenim una Experiència completa Mòbil (Android / iOS) tenim una Visualització correcta, edició limitada |
Exemples: Infografia amb enllaços clicables amb Canva.
NIVELL INTERMEDI
|
Eina |
Enllaç |
Format d’exportació |
Descripció |
|
H5P |
https://h5p.org/ |
HTML, iframe, LMS (Moodle, WordPress) |
Permet crear qüestionaris, vídeos interactius i presentacions. Compatible amb plataformes educatives i integrable en pàgines web. |
|
ThingLink |
https://www.thinglink.com/ |
Enllaç web, iframe |
Permet crear imatges i vídeos amb punts interactius que mostren informació addicional, vídeos o enllaços. |
|
Navegadors compatibles |
Configuració necessària |
Dispositius i sistemes operatius |
|
Google Chrome Mozilla Firefox Microsoft Edge |
JavaScript i HTML5 activats Permetre contingut incrustat (iframes) Àudio i vídeo habilitats (per vídeos interactius) Accés a micròfon o càmera (només si l’activitat ho requereix) |
Ordinador Recomanat per crear i editar contingut Mòbil on Només per consumir contingut (algunes activitats poden tenir limitacions) |
Exemples:Un qüestionari de preguntes interactives (H5P)
NIVELL AVANÇAT
|
Eina |
Enllaç |
Format d’exportació |
Descripció |
|
Unity WebGL |
https://unity.com/ |
WebGL (HTML + JS) |
Motor de desenvolupament per crear jocs i simulacions interactives avançades que funcionen directament al navegador. |
|
Three.js |
https://threejs.org/ |
HTML + JavaScript |
Biblioteca JavaScript per crear gràfics i escenes 3D interactives utilitzant WebGL. Ideal per projectes web avançats. |
|
Navegadors compatibles |
Configuració necessària |
Dispositius i sistemes operatius |
|
Google Chrome Mozilla Firefox Microsoft Edge |
WebGL activat Acceleració per maquinari activada JavaScript ES6 Permetre contingut gràfic avançat Targeta gràfica compatible amb WebGL |
Ordinador (Windows / Linux / mac OS) (El recomanat) Mòbil amb compatibilitat limitada, rendiment baix en escenes complexes |
Exemples: Mini-joc 3D incrustat en una web (Unity WebGL)
EXEMPLE DE CONTINGUT INTERACTIU INTERMEDI, FET AMB H5P AMB HTML
