2. Mejorar nuestro Blog

Mejorar nuestro Blog

¿Un artículo sin ninguna imágen? ¿No hay vídeos en tu blog? El alumnado perderá interés por lo que cuelgas, no hay diferencia entre tu blog y repartir fotocopias a los alumnos, no hay cambio metodológico, porque no hay cambio en tu forma de representar la información.

Hay que tener en cuenta que NO SE PUEDE ABUSAR DE TEXTO, un artículo que obliga a desplazar hacia abajo la ventana, crea cansancio, no es lo mismo leer en la pantalla que en papel. Las nuevas tecnologías están para aprovecharlas: saca el máximo partido a la misma información.

La forma es tan importante como el contenido.

Objetivos

Enumeraremos la lista de objetivos a alcanzar con el trabajo en este módulo:

En este tema nos dedicaremos a dar potencialidad al blog creado en el módulo anterior. Pero no olvides que aún nos falta más interacción, de momento la información va en un sentido Blog =>Alumno, o Profesor=>Alumno

No nos pasemos de innovación

Si no hay un cambio metodológico, de nada sirve hacer lo mismo pero usando las metodológico

via GIPHY

Embeber Blogger

Embeber en informática significa"incrustar" quizás sea una castellanización del inglés "embed". Con los blogs podemos incrustar código de una fuente en otra y de esta manera conseguimos que nuestros artículos cobren vida, es una herramienta tan potente que está estandarizada en Internet. ES UN CONCEPTO CLAVE EN LOS BLOGS.

¿Qué puedo embeber?

etc... hay muchos portales y muchos servicios, *un mundo en continuo cambio.

Cómo embeber

En general la técnica es común a los editores WYSIWYG. (es el acrónimo de What You See Is What You Get,"lo que ves es lo que obtienes") los editores WYSIWYG están también en Blogger. WordPress... y en casi todos sitios (por ejemplo este curso se realizó inicialmente en una herramienta que se llama Exelearning, y también tiene un editor WYSIWYG).

La TÉCNICA es sencilla:

LO PRIMERO QUE TIENES QUE HACER es conseguir el código embed. Hay que utilizar la intuición para buscar el código embed, a veces con el botón <> otras con la palabra compartir o con el símbolo , etc... (botón derecho copiar)

PEGAR EL CÓDIGO EMBED QUE HAS COPIADO- Entrar en el artículo donde quieres insertar, y buscar el botón HTML, y pegar el código embed (botón derecho pegar)

Puedes pegar el código donde quieras en medio de la redacción por ejemplo "Mira el siguiente vídeo ... y pegas el código ahí

y luego

También puedes modificar el tamaño de lo embebido, por ejemplo en la figura anterior se podría modificar los números width="1000" y height="800" si lo embebido sale de tu plantilla elegida en tu blog

Embeber WP

Paso 1 Activar el pluging Unfiltered MU

Debido a que no tendrás los roles de super-administrador, hay que activar este pluging para que puedas embeber código en tus artículos de WP Entras:

  1. en Plugins
  2. Buscas Unfiltered MU
  3. lo activas (espérate unos segudos a que se active)
  4. lo seleccionas
  5. Aplicar

Paso 2 embeber

  1. Consigue tu código Embed, lo copias
  2. Creas un nuevo artículo
  3. Herramientas - <>Código fuente y pegas el código ahí

Si tienes problemas técnicos puedes preguntar a soportecatedu@educa.aragon.es

Embeber en otros WP que no son de CATEDU

Cada vez hay más problemas de seguridad para embeber, por ejemplo WORDPRESS.COM no permite embeber códigos embed que tengan iframe, frame, embed (que son muchos) o javascript [ver]

Por lo tanto WordPress.com sí que permite embeber documentos de Drive, Youtube, Issu... pero otros, no los permite, al menos que exista un código especial para Wordpress, por ejemplo en Slideshare, no tenemos que utilizar el código embed normal, sino el específico para WordPress

Youtube

Este servicio de alojamiento de videos gratuito, es posiblemente el mayor repositorio de videos de los existentes, actualmente. Para subir nuestros videos, debemos contar con una cuenta en youtube, que no asi para poder verlos. Aquí en este tutorial puedes ver cómo se embebe un vídeo en tu blog:

EdPuzzle

Mira la diferencia entre este vídeo...

Y este otro..

¿Qué te ha parecido?

Parece una chorrada, pero se ponen dos preguntas en un vídeo, y sin querer se presta más atención

¿Cómo se hace?

Existen varias páginas para insertar preguntas interactivas en los vídeos.

Nosotros hemos elegido esta última EDPuzzle.

  1. Vamos a https://edpuzzle.com y nos registramos
  2. Vamos a Youtube https://www.youtube.com
  3. Elegimos un vídeo por ejemplo va a ser este https://www.youtube.com/watch?v=-6dxwYZUgFQ
  4. Volvemos a https://edpuzzle.com y vamos a Youtube
  5. Ponemos en el cuadro de búsqueda el vídeo que hemos elegido

También podemos subir un vídeo a EdPuzzle en Mi contenido - Crear contenido, pero recomendamos hacerlo siempre dede Youtube: Subir el vídeo nuestro en Youtube y en EdPuzzle elegirlo

6.- Pinchamos en el vídeo y le damos a editar en el lápiz:

7.- Elegimos si queremos insertar una nota de audio, una pregunta abierta, una nota escrita... aquí por ejemplo se inserta una pregunta de tipo test: ¡¡espero que sepas cual es la respuesta correcta !!!

8.- Al pulsar grabar y después al pulsar finalizar nos sale un diálogo donde nos sale el link del vídeo y el código embebido

Aquí tienes el link. https://edpuzzle.com/media/5ca31d31cfe253416dd3bd42

IMPORTANTE

Hazlo PUBLICO PUES DE OTRO MODO OBLIGAS AL USUARIO A REGISTRARSE PARA VERLO

y aquí está embebido:

Este mismo tutorial pero en flash:

Míra cómo se hace en esta página (Flash SWF)

Si no lo ves bien, aquí lo tienes en (PDF)

IMPORTANTE PARA USUARIOS DE WORDPRESS

Si tu blog es un WordPress no se puede tal y como dice aquí

If you're a WordPress user, you can share the assignment with a link which will redirect your students to Edpuzzle (the embed feature isn't currently supported).

O sea no está soportado, que pongas un enlace que redirija a tus estudiantes al vídeo de EdPuzzle

Fotos Google

Otra opción es entrar en Google Fotos, igual que Flick NO PERMITE EMBEBER PRESENTACIONES pero sí hacer un enlace

Presentamos Fotos Google pues permite COLABORAR es decir, que cualquier persona puede añadir fotos, esto nos parece interesante para las actividades extraescolares.

PEGA No se puede embeber

Por ejemplo ESTE ENLACE

  1. Crear un álbum (no vamos a exponer como crear un álbum y subir fotos para no extendernos)

  1. entrar en el álbum deseado tenemos en opciones

  1. Opciones para compartir

  1. Opciones muy interesantes

Por ejemplo el de COLABORAR, podemos hacer que cualquiera añada fotos al álbum. Esto es útil por ejemplo en viajes de estudios, actividades extraescolares,... donde mucha gente tiene fotos de una actividad pero no un sitio común para compartirlas

  1. Le damos a copiar en enlace y ya está

Podcast

¿Qué es?

Aunque la definición técnica la puedes ver en la Wikipedia, te lo podemos resumir como la posibilidad de subir tus audios en tu blog, de esta manera puedes tener una radio a la carta, subir tus audiciones de música, ejercicios de idiomas, entrevistas....

¿Con qué herramientas?

Hay muchas (Ivoox tutorial y otras muchas como por ejemplo Audioboo y AudioPal) pero la que te recomendamos es Podomatic.

¿Cómo queda?

Aquí tienes un ejemplo:

¿Cómo se hace?

Nos registramos en Sign Up

Nos podemos registrar por Facebook o por correo electrónico, nosotros recomendamos correo electrónico

Una vez registrado, entramos en Create Podcast

Y vemos esta web para subir el archivo de audio

Subimos el archivo de audio (Hay que usar un programa de grabación, recomendamos AUDACITY) Una vez subido, (nos insistirá que nos inscribamos a la cuenta no gratuita) podemos encontrar el código embed aquí:

Historias

StoryBoard

Puedes hacer historias visuales y embeberlas

¿Cómo se hace?

Un video-tutorial muy completo:

Agradecimientos a Raul Diego http://www.rauldiego.es/historias-visuales-con-storyboardthat/

¿Cómo se embebe una historia de otro?

Vamos a Mi panel de control

story1.png

Nos vamos abajo y encontramos historias libres