Herramientas Web 2,0

H5P – crear, compartir y reutilizar contenido interactivo

Escrito por: Viviana Gómez Barco

H5P es un marco de colaboración de contenido gratuito y de código abierto basado en JavaScript. Tiene como objetivo hacer que sea fácil para todos crear, compartir y reutilizar contenido interactivo en html5.

1

Dicho marco de colaboración cuenta con 4 características, las cuales veremos a continuación:

  1. Sobrealimenta el sitio web con H5P
  2. Contenido amigable para móviles
  3. Permite compartir contenido enriquecido en un LMS o CMS
    • Soportado en los siguientes marcos:

2

  1. Libre de usar para todas las personas, licenciado bajo la licencia MIT

De igual manera, con la herramienta H5P es posible crear una gran variedad de contenidos interactivos, entre los cuáles resaltamos:

Para crear recursos o contenidos interactivos usted puede hacerlo de dos formas:

  1. Crear contenido directamente en https://h5p.org/
    1. Dichos contenidos al ser creados quedan públicos en la plataforma, de forma tal, que cualquier usuario de la comunidad H5p puede usar o modificar dicho contenido interactivo.
  1. Crear contenido en el sitio de Moodle, WordPress o Drupal que tenga instalado el complemento H5P

Todos estos contenidos interactivos son fáciles de incrustar a través de un código iframe que permitirá compartirlo en cualquier marco LMS o CMS soportado por H5P, dichos marcos lo único que requieren es tener instalado el complemento de H5P y tener acceso a internet.

A continuación, se presentan los 38 tipos de contenidos interactivos que se pueden crear a través del marco de colaboración H5P.

3

4

5

6

Herramientas Web 2,0, Recursos Educativos

Contenido interactivo con Articulate 360

Escrito por: Diego Fernando Aguirre A.

Cada día, el crecimiento de las TIC nos lleva a realizar grandes cambios en la forma en que realizamos las actividades de nuestro diario vivir. Gracias a las TIC, la educación se ha visto involucrada en dichos cambios, lo que le permite estar a la vanguardia tecnológica; es por eso, que hoy en día, existe una gran cantidad de universidades que le apuntan al desarrollo de la educación virtual, sin embargo, se pueden evidenciar recursos web que necesitan evolucionar y adaptarse a las nuevas estrategias tecnológicas. El desarrollo de contenido interactivo hace que los cursos online sean más atractivos, ya que permiten interactuar en tiempo real con el usuario, obteniendo resultados y retroalimentaciones que le indican cómo es su desarrollo dentro del curso.

Ahora bien, para lograr lo anteriormente expuesto, existe una herramienta llamada Articulate 360, la cual es un conjunto de programas que permiten crear una gran variedad de recursos interactivos, sin la necesidad de que quien la use, tenga conocimientos en programación web; en un par de simples pasos se puede crear un contenido que sea adaptable a cualquier dispositivo donde se visualice. Articulate cuenta con una comunidad en la web, donde se pueden descargar templates y hacer comentarios o preguntas acerca de esta herramientas; la comunidad se llama «Elearning héroes», y se puede acceder a ella, dando clic en este link https://community.articulate.com/  y también se encuentran tutoriales de Storyline a través del siguiente enlace (https://community.articulate.com/series/getting-started-with-storyline-360)

Para conocer un poco más acerca de esta herramienta, es importante decir, que fue lanzada al mercado en 2016, con las características de tener un programa de escritorio llamado Storyline 360, el cual permite crear cursos interactivos y adaptables a cualquier dispositivo, donde fácilmente se puede crear un menú de opciones del recurso, incluir botones que dirijan hacia capas o diapositivas, entre otras funcionalidades. La herramienta cuenta con una gran variedad de personajes que se pueden insertar dentro del recurso. Además de esto, también se pueden hacer cuestionarios que permiten evaluar el conocimiento adquirido por los estudiantes, crear mapas interactivos, simuladores, y más recursos que el diseñador puede crear a partir de su creatividad. Finalmente, Storyline cuenta con la posibilidad de publicar este contenido y exportarlo a html5 o a formato SCORM, para publicarlo posteriormente en cualquier LMS.

Como ejemplo de uso, se puede ver cómo se crea un mapa interactivo, siguiendo el tutorial que a continuación se encuentra: https://www.youtube.com/watch?v=D9xCQd3OtOo o visualizar otros ejemplos, que ayudan a ampliar el panorama acerca de lo poderosa que puede resultar esta herramienta:

Escenario médico: http://articulate-heroes-authoring.s3.amazonaws.com/Nicole/Demos/Medical-Scenarios/output/story_html5.html

The first man: (http://demo.fastercourse.com/storyline/FasterCourse_Storyline_Dials/story_html5.html)

Por último, se aclara que Articulate no solo cuenta con Storyline, sino que se suman otras herramientas colaborativas como lo es RISE, la cual permite crear contenido interactivo de forma fácil y sencilla con un equipo de trabajo. Rise está dispuesta en la web, y hablaremos de ella en otra entrada del blog.

Herramientas Web 2,0

Creando historietas con ToonDoo

Comic book exclamations set10

Por: Julieth Andrea Escobar A.

En esta ocasión, vengo a hablarles, de las llamadas caricaturas o cómic; primero, voy a presentarles la definición que nos da la RAE, quien nos dice, que el cómic es una serie o secuencia de viñetas que cuenta una historia. Y, el personaje más impulsor de la historieta como medio artístico, y de los primeros promotores de los Webcómics como una variedad diferente de cómic, Scott McCloud, complementa esta definición, así: “Ilustraciones y otro tipo de imágenes yuxtapuestas en secuencia deliberada, con el propósito de transmitir información y obtener una respuesta estética del lector”.

Recuerden que el propósito, es contar una historia a través de escenas, y que todo su contenido, ocupa un lugar importante dentro de nuestra historia. Es decir, el contexto, los personajes, las viñetas con los textos, y demás, deben tener algún tipo de relación.

Ahora que sabemos qué es el cómic, es momento de hablarles de una herramienta gratuita, intuitiva y muy útil, para su creación. No tenemos que ser expertos diseñadores para crear cada componente, ni ser unos programadores consagrados, para poder realizar el montaje, pues este recuso nos permite hacer uso de plantillas predefinidas (escenarios, objetos, formas, personajes), que nos facilitan el trabajo.

 

  • Pero, ¿cómo se llama esta herramienta y cómo podemos acceder a ella?

Fácil, su nombre es ToonDoo, la encontramos a través de la URL http://www.toondoo.com/ y podemos ingresar a su editor, con tan solo crear un usuario.

Cuando tenemos creado nuestro usuario, podemos empezar proyectos desde 0, subiendo recursos propios, o, como ya lo mencioné, haciendo uso de las plantillas que nos facilitan en su repositorio.

Aquí lo importante, es dejar que nuestra imaginación vuele, y podamos crear historias que capten muchas miradas.

15401-NQ3AP8

  • Ahora, sino somos diseñadores, y ninguno de los personajes que la herramienta nos permite usar, nos agradan, ¿qué podemos hacer?

Sencillo, podemos crearlos con el repositorio de opciones que alberga este recurso. Desde el género, altura, contextura, color de piel, gesticulaciones, posiciones, etc., solo basta con que escojamos e iniciemos nuestro proceso de creación.

Es importante destacar, que hay opciones de edición limitadas, puesto que, si deseamos productos muchos más profesionales, debemos ser usuarios Premium.

En mi opinión, es un recurso lleno de posibilidades, en el cual podemos poner a volar nuestra imaginación. Es una herramienta intuitiva, que nos permite ir avanzando paso a paso, para crear historias, cuyos usos son ilimitados. Profesionales de diversas áreas, pueden crear cómics, para representar casos, contar sus experiencias, o para ambientar actividades.

 

Los invito a que experimenten, jueguen, creen, se diviertan y hagan uso de este interesante instrumento.

Herramientas Web 2,0

¿Qué es Genially?

Geanil.ly
 

Indagando en la web sobre herramientas para crear recursos interactivos, encontré a Genially;  una herramienta gratuita y fácil de usar, que nos ayuda a crear una gran diversidad de presentaciones, video-presentaciones, imágenes, infografías (juegos de personas), juegos, mapas, entre otras para su curso virtual. .

Esta frase me parece pertinente por que nos enseña que no solo es llenar las presentaciones de información sino también generar un impacto y llamar la atención de neutro publico

   » El principio más importante para desarrollar el e-Learning vivaz es ver el diseño del e-learning como diseño de información, sino como diseño de una experiencia».  Cathy Moore

Como docente virtual estás en una búsqueda constante de herramientas económicas y fáciles de usar con las que puedes no impresionar a los estudiantes sino también mejorar el diseño de tus presentaciones. 

Brevemente te contare que puedes hacer con la herramienta:

Cuando estés en la página de Genially, registrarte con tu correo y una contraseña.

Encontrarás un menú con todas las opciones.

Lo primero que deberás hacer es elegir el tipo de recurso que estás buscando y luego elegir una plantilla. Puedes hacer los cambios que desees.

Genially ofrece un chat dentro de la aplicación por si necesitas ayuda en línea.

Luego de ingresar puedes escoger que quieres crear, yo lo hice y me pareció muy sencillo de trabajar. Esta es la pantalla que encontrarás:

imagen1

genial

Tienes diferentes opciones y muy organizadas según el tipo de recursos y la función que necesites para presentar, para interactuar, para explicar o para difundir.

Si eliges una plantilla, puedes entrar primero y ver los elementos interactivos. También tienes la opción de cambiarle color, fondo, elementos, transición e interacción.

Una de las principales ventajas que veo en esta herramienta es que puedes crear cualquier recurso, fácilmente y en el mismo lugar, en la versión gratuita permite crear recursos educativos y obtener un enlace, por si deseas compartir en tus redes o insertar información en tu plataforma educativa para o páginas web,  puedes ver tus creaciones en cualquier dispositivo y también puedes crear cualquier tipo de recurso multimedia, lo que se convierte en una herramienta muy práctica y versátil.

El editor es muy amigable: Al lado izquierdo tiene varios botones que puedes utilizar, elementos como texto, recursos gráficos y multimedia, fondo, animación, imágenes desde tu computador, enlaces a URL y otros.

Genially ofrece cuatro opciones de interactividad: 1) mostrar contenido adicional en una etiqueta, 2) mostrar contenido adicional en una ventana; 3) hacer enlaces a otros sitios y 4) enlazar a otras páginas del mismo recurso, puedes fácilmente deshacer una acción, copiar, pegar y eliminar.

Conclusión: Genially es una herramienta sumamente valiosa para la creación de contenidos. Te ahorra tiempo, te puedo garantizar que te sera de gran utilidad en el ámbito educativo.

Aquí te dejo el enlace de la herramienta para inicies a explorarla 

Basado en: e-Learning Master

Enlace del Artículo:
http://elearningmasters.galileo.edu/2018/10/03/conoces-la-herramienta-genial-ly-para-crear-recursos-educativos/
Herramientas Web 2,0

La infografía, una herramienta potente para utilizar en el aula.

La Infografía es una combinación de imágenes sintéticas, explicativa, y fáciles de entender, que contienen pequeños textos con el fin de comunicar información de manera visual para facilitar su transmisión. Además de las ilustraciones, podemos ayudar más al lector a través de gráficos y audios que puedan entenderse e interpretarse instantáneamente.

infographic-template-design_1270-39

Infographic template design Free Vector
in Graphics By Cornecoba / Freepik

Un académico de la Universidad de Osijek, Croacia, encuestó a 100 alumnos universitarios con el fin de explorar su punto de vista acerca del uso de la infografía en contenidos educativos. Los resultados sugieren un mayor uso por parte de profesores y de estudiantes.

Las herramientas más utilizadas por los universitarios para generar este tipo de imágenes son Canva (34%), Adobe Spark (20%), Piktochart (14%), Infogram (4%) y Adobe Illustrator (3%).

Otra investigación citada por el autor afirma que las infografías son una herramienta eficaz al comunicar temas de ciencia a estudiantes inexpertos. Así mismo, estos recursos visuales hacen del material didáctico algo memorable y más fácil de entender.

Si eres profesor te recomendamos utilizar infografías para enriquecer y diversificar tu cátedra. Puedes comenzar por explorar las plataformas gratuitas Canva, Adobe Spark, EasellyPiktochart o Venngage , Igualmente si necesitas asesoría o un poco de ayuda acércate a la unidad de UAMVirtual.

Por: Francisco Andrés Sánchez O. – UAMVirtual

Herramientas Web 2,0

Un uso de Twitter como Actividad Académica y la forma de monitorearlo

 

Mi amiga Mónica Bernal (@monicabernalh03 ), profesora del curso de Ciencias Políticas, diseñó una actividad de aprendizaje para dicho curso en la cual los estudiantes utilizan la red social Twitter. En esta actividad, los estudiantes buscan información, indagan, reflexionan y comparten los hechos históricos y sucesos políticos que se dieron lugar durante la conformación y trabajo de la Asamblea Nacional Constituyente de 1991. Sigue leyendo «Un uso de Twitter como Actividad Académica y la forma de monitorearlo»

Herramientas Web 2,0, Recursos Educativos

Propuesta de actividad de aprendizaje con Powtoon

Unas semanas atrás publicamos en este blog una nota sobre la herramienta Powtoon en la que hablábamos sobre las ventajas de este sencillo editor de video a la hora de hacer pequeños videos educativos.

En esta nota volvemos sobre esta herramienta para cumplir con dos cometidos; primero, mostrar la importancia de hacer un guión y una grabación de voz antes de realizar un video y, segundo, mostrar una propuesta sobre una de las posibilidades de trabajo con ella en el aula. Sigue leyendo «Propuesta de actividad de aprendizaje con Powtoon»

Herramientas Web 2,0

Obsolescencia o evolución en herramientas Web 2.0

Hablar de herramientas Web 2.0 en si es un cambio de paradigma en el uso de internet como herramienta que es en una sola dirección a nivel informativo, por el contrario y como se ha escrito en diferentes documentos de este blog busca facilitar el crecimiento de la interacción entre diferentes usuarios que tienen intereses afines a un tema específico o a temas múltiples con las diferentes herramientas. Estas herramientas además de ayudar a socializar, expresarse y generar opiniones también buscan trabajo colaborativo y creación de conocimiento. Sigue leyendo «Obsolescencia o evolución en herramientas Web 2.0»