Crea tus widget de twitter con twitter.com

Hace unos meses, Twitter ha modificado y ha hecho más accesibles los denominados "Widgets" mediante los cuales podemos insertar en nuestro blog o espacio web un módulo desde el que mostrar el timeline de un usuario de twitter, nuestros tweets favoritos, el timeline de una de nuestras listas e incluso los tweets de acuerdo a una búsqueda (por ejemplo un hashtag).
Vamos a ver cómo añadirlo a un blog de blogger como un gadget del mismo.

PROCESO.

Accedemos a la pantalla de "Configuración" de twitter y en el menú lateral de la izquierda encontramos como última opción del mismo el ítem "Widgets". Clic para acceder a la gestión de los mismos.


En esta pantalla se nos mostrará la lista de los widgets ya creados (si lo hemos hecho con anterioridad) y arriba un botón que nos permite crear un nuevo widget. Desde el mismo, accedemos al formulario que nos permite diseñar nuestro widget.


Ahora lo primero es definir el tipo de widget a crear:

  • Timeline del usuario añadido al formulario.
  • Tweets que ha guardado como favoritos el usuario añadido al formulario.
  • Timeline de las listas que tenemos guardadas en nuestro perfil. Se escogen con un menú desplegable.
  • Búsqueda: timeline de tweets que recogen el término buscado. Normalmente utilizado para mostrar los tweets de un hashtag.



Importante será añadir adecuadamente la URL del dominio en el que vamos a utilizar el widget. Si lo usamos en varias webs, será necesario añadir sus direcciones separadas por una coma.
IMPORTANTE: En los blogs de Blogger de España, es recomendable ponerles ".es" tras el ".com" por ejemplo enlanubetic.blogspot.com.es
Podemos modificar la altura del widget pero no la anchura, pues se adaptará automáticamente al espacio en el que será incrustado, algo muy interesante para que quede bien cuadrado en las columnas laterales de los blogs.
Al hacer clic en el botón "Crear widget" se nos muestra un aviso de que el mismo ha sido creado y se nos ofrece en un marco el código HTML que deberemos copiar y pegar en nuestra web o blog.


Ahora ya solo tenemos que pegar el código HTML conseguido en la zona de nuestra web o blog donde queremos que aparezca. Por ejemplo, lo podemos añadir con un Gadget del tipo "HTML" en la columna de un blog de blogger. Para ello, vamos al gestor de blogger y desde la opción "Diseño" escogemos "Añadir un gadget" y seleccionamos la opción "Html-Javascript". Le damos nombre al widget y pegamos el código que nos ha ofrecido twitter.




Si volvemos a nuestro blog, en este caso podremos ver el timeline del hashtag #enlanubetic




Todo tu PLE organizado con docente.me

Desde hace unas semanas está en marcha una nueva herramienta docente. Ya tenemos a nuestra disposición docente.me una herramienta en la nube que nos va a permitir gestionar todo nuestro PLE mediante la creación de un perfil sobre nosotros y nuestra labor docente.

El proyecto docente.me es uno de los diferentes proyectos que tienen planteados los de Proyectos RSE (Responsabilidad Social Educativa) al cual me uno para darle el empujón necesario para que el proyecto arranque con buen pie.
Hace unos meses ya os hablé de la herramienta about.me que nos permite compartir nuestro PLE con el resto de la red. Pues docente.me tiene la misma funcionalidad, pero pensado y diseñado para docentes.
Como cualquier herramienta de la web 2.0, previamente necesitamos registrarnos en la aplicación. Una vez completado, podemos comenzar a configurar nuestro perfil público:

  • Nombre a mostrar.
  • Avatar que nos representa.
  • Información docente: niveles educativos, expectativas, experiencias de trabajo con TIC, trabajos por proyectos, etc.
  • Perfiles externos: añadimos enlaces personalizados a cada uno de nuestros perfiles en las principales aplicaciones sociales que forman parte de nuestro PLE.
  • Actividad externa: nos permite añadir hasta 3 bloques que recojan noticias sindicadas por RSS o bien el contenido de algún widget añadido mediante su código HTML (por ejemplo nuestro timeline de twitter).
El resultado final es un perfil acompañado de iconos personalizados para cada una de las aplicaciones escogidas junto con las noticias sindicadas y/o el widget externo añadido.



Todos los perfiles tendrán una URL corta del tipo http://docente.me/u/antonio_garrido y nos ofrece unos widget de diferente tamaño para utilizar en nuestros blogs, firmas, etc. con una apariencia como el siguiente:



Algunos perfiles ya creados por parte de los componentes de "En la nube TIC"
http://docente.me/u/onio72
http://docente.me/u/antonio_garrido
http://docente.me/u/alaznegonzalez
http://docente.me/u/jsmartos
http://docente.me/u/francoutrera
http://docente.me/u/rauldiego
http://docente.me/u/mertxejbadiola
http://docente.me/u/Anuska72

Algunas preguntas/respuestas sobre Edmodo

El día 29 de noviembre de 2012 asistiré a una sesión formativa con compañeros docentes del IES Pérez Galdós de Madrid. Van a lanzarse al uso de redes sociales para el aula y para la ocasión les he preparado una serie de materiales:

  • Espacio Redes sociales para el aula: http://eduredes.antoniogarrido.es/
  • Preguntas y respuestas sobre edmodo. Son las preguntas que me han mandado los participantes y aquí les dejo mis respuestas.


Slide.ly: Alternativa a Photopeach para presentaciones de imágenes

Cuando queremos realizar una presentación de ideas con el uso de fotografías e imágenes, combinándolas con música y texto, muchos de nosotros recurrimos con frecuencia a Photopeach.com


Pero debido a las limitaciones que ofrece la versión gratuita (no más de 30 diapositivas) siempre he estado buscando alternativas. Y una de ellas que he descubierto recientemente es slide.ly que nos permite crear nuestras presentaciones al mismo estilo que photopeach.
Como para cualquier herramienta de la nube, será requisito ser usuario registrado. Desde la página de inicio de la aplicación, slide.ly, en la barra de menú superior tenemos la posibilidad de acceder si ya somos usuarios (login) o crearnos una cuenta nueva (Sign up). En éste último caso, deberemos completar el formulario de alta y confirmar la cuenta desde nuestra cuenta de correo (como en otras aplicaciones 2.0)


Una vez hemos accedido, la barra de menú superior cambia de aspecto. Podremos crear una nueva presentación (slide) o ver la relación de los slide ya creados anteriormente, para editarlos o volverlos a compartir en nuestro blog, redes sociales, etc. También tenemos la posibilidad de buscar entre los slide públicos creados por otros usuarios (popular, recent, categories).






CREAR UN NUEVO SLIDELY.


Desde el botón "Create one now" accederemos al editor para crear nuestros slidelys. Lo primero será escoger las fotografías a utilizar y ordenarlas. El origen de las fotos es diverso:

  • Fotos en nuestro PC.
  • Fotos de otras aplicaciones en la nube: Instagram, Facebook, Picasa, etc. Para éstas opciones, será necesario autorizar a Slide.ly el acceder a nuestra cuenta en cuestión (Picasa, Facebook, etc).
  • Imágenes buscadas en Google images.

Una vez seleccionadas, podemos "arrastrar y soltar" para ordenar la secuencia de imágenes. Ademas sobre cada una de las imágenes vamos a poder:

  • Añadir texto a las imágenes. (add text)
  • Definir como imegen de portada (set as cover photo).
  • Eliminar.


Una vez definida la secuencia, establecida la imagen de portada y añadidos los textos a cada una de las imágenes, escogeremos el audio que acompañará la presentación. No es necesario añadir un MP3, pues elegiremos la música desde youtube o Soundcloud, de manera que no estaremos violando derechos de autor, pues lo que hace slide.ly es embeber un reproductor de youtube o de soundcloud en nuestra presentación.


Tras escoger la música, se nos despliega una ventana que recoge como queda nuestro slidely y sobre el cual aún podemos hacer algunas cosas:

  • Ponerle un título.
  • Definir el tiempo de duración de cada imagen.
  • Aplicar efectos sobre las imágenes.
  • Definir una categoría para nuestro slidely.
  • Aplicar etiquetas.

Finalmente, hacemos clic en "Save and publish" y nuestro slidely ya estará creado, pudiendo compartirlo en el blog, email, redes sociales, etc.


MIS SLIDELYS.

Desde aquí accederemos a la relación de Slidelys ya creados en mi cuenta.

Aparecerán relacionados y sobre cada uno de ellos, diferentes opciones:

  • Editar: accedemos al editor que ahora veremos en el proceso de creación.
  • Publico/Privado: si deseamos que sea público o privado.
  • Borrar: eliminamos de nuestra cuenta el slidely.
  • Acceso al slidely: haciendo clic sobre la imagen, accedemoa a la reproducción del slidely así como a obtener su URL para compartir y disponer de diversos botones que nos facilitan el compartirlo en las redes sociales. Desde el botón "embed" eligiremos el tamaño del reproductor y obtendremos el código HTML para insertar en un blog o web.