- Búsqueda de herramientas.
Sencillas:
| Nivel | Herramienta | Enlace | Descripción | Importar / Exportar | Requisitos navegador |
|---|---|---|---|---|---|
| Sencillo | Genially | https://genially.com | Plataforma online muy popular para crear presentaciones, infografías, imágenes y vídeos interactivos. Muy usada en educación y marketing. | Importa imágenes, vídeos, PDF. Exporta com a enllaç web o iframe (HTML embed). | Chrome, Firefox, Edge. JS activado. Funciona en PC i mòbil. |
| Sencillo | Canva | https://www.canva.com | Editor visual online molt conegut per crear contingut interactiu bàsic (presentacions amb botons, enllaços, animacions). | Importa imatges, vídeo, àudio. Exporta PDF, MP4, enllaç interactiu. | Chrome, Firefox, Edge. Compatible amb mòbil i PC. |
Por ejemplo una presentación con botones que lleven a otra diapositiva.
Intermedio:
| Nivel | Herramienta | Enlace | Descripción | Importar / Exportar | Requisitos navegador |
|---|---|---|---|---|---|
| Intermedio | Google Forms | https://forms.google.com | Eina molt coneguda per crear formularis i qüestionaris interactius amb salts lògics i feedback. | Exporta respostes a Google Sheets, CSV. | Chrome, Firefox, Edge. Funciona en PC i mòbil. |
| Intermedio | Kahoot! | https://kahoot.com | Plataforma molt popular per crear qüestionaris interactius i jocs educatius en temps real. | Importa preguntes CSV. Exporta resultats. | Navegador modern. Dispositius mòbils i ordinador. |
Por ejemplo cuestionarios de múltiples respuestas con puntuación a tiempo real.
Avanzado:
| Nivel | Herramienta | Enlace | Descripción | Importar / Exportar | Requisitos navegador |
|---|---|---|---|---|---|
| Avanzado | Unity (WebGL) | https://unity.com | Motor molt conegut per crear jocs i experiències interactives avançades exportables a web. | Exporta a WebGL (HTML + JS). Importa models 3D, àudio, imatges. | Chrome, Firefox, Edge amb WebGL activat. PC principalment. |
| Avanzado | HTML + JavaScript | https://developer.mozilla.org | Desenvolupament manual de contingut interactiu web amb codi. Base de la web moderna. | Totalment personalitzable. | Qualsevol navegador modern amb JS activat. |
Por ejemplo webs con botones, juegos, animaciones, etc...
2. Características especificas del navegador.
| Característica | Necesaria |
|---|---|
| JavaScript activado | Imprescindible |
| HTML5 | Todos los navegadores modernos |
| Cookies / almacenamiento local | Opcional |
| WebGL | Solo Unity |
| Plugins externos (Flash, etc.) | No necesarios |
Navegadores compatibles:
- Chrome
- Firefox
- Edge
- Móvil
3. Creación del contenido interactivo.
Para esta sección, como elemento interactivo he creado una página que contiene botones (he usado onclick en los botones para añadir sus funciones), animaciones de elementos (Con transition y transform en css) y un mapa interactuable del kebab de mi pueblo que esta mu bueno (en un iframe).
La animación de la caja se activa cuando le das al botón correcto, y el mapa está hecho como ya he mencionado con la etiqueta <iframe/>.
