Recitethis

Hola a tod@s hoy os quería presentar una aplicación online gráfica para poder crear imágenes más atractivas con mensajes, frases famosas, dichos, refranes, poemas cortos, anuncios, etc. La página es recitethis.com

Se trata de elegir el tipo de imagen en las diferentes plantillas escribir el texto y ya tenemos una imagen que podemos guardar como png para poder colgarla en el blog. No existen gran cantidad de plantillas pero para poder ir cambiando periódicamente sí tenemos si alternamos con otras herramientas o aplicaciones.

Os pongo aquí unos ejemplos simples que he creado para mi clase de tercero.

Con el cásico post it

O con algo más en la línea de los nativos digitales, estilo chat.

Se trata de proponer nuevas formas de presentar contenidos con imágenes atractivas, diferentes, llamativas, en fin atractivas para nuestros alumnos.

Postermywall

Hola a tod@s, hoy quiero presentaros una herramienta para crear posters digitales en la nube.

Se trata de Postermywall.com. Con esta herramienta los alumnos pueden elegir entre varias plantillas para crear un póster según la temática. Por ejemplo, yo en este mes he estado trabajando con mis alumnos pósters para los países anglosajones, para promover el turismo y hablar de las bondades de cada país, para atraer a los turistas, en inglés. Pues bien, con esta opción pueden insertar imágenes (tres máximo en la versión gratuita)  de internet y subir imágenes  que tengamos en el disco local para crear un póster atractivo.

Pueden elegir entre varios tipos de letras para los títulos, los textos y algunos elementos gráficos básicos.

Incluso pueden crear un calendario con ese póster y poder imprimirlo.

Sus aplicaciones son infinitas. Se puede utilizar para cualquier área, idiomas, ciencias, cooperación, etc.

Padlet

Padlet es una herramienta para crear muros de notas en el que se puede invitar a colaboradores a crearlo de forma conjunta.

Por ello es una buena herramienta para utilizar en el aula.

Podemos elegir entre varios tipos de fondos o papel tapiz, podemos añadir imágenes, enlaces en las notas y organizarlas de forma libre o con cierto orden.

Es una herramienta libre hasta cierto uso y nivel como muchas de la que os muestro en este blog.

La versión de pago tiene más prestaciones pero con la libre podemos crear proyectos simples para nuestras clases de forma atractiva.

Esta herramienta nos da la oportunidad de guardarla como un archivo pdf, como imagen, de incrustar nuestro mural en el blog, de imprimirla e incluso de crear un código QR.

Aquí muestros algunos ejemplos encontrado en internet:

imagen extraída de http://www.fundacionluminis.org.ar/

imágenes  extraídas de http://www.fundacionluminis.org.ar/

Created with Padlet

Animoto

Animoto es una herramienta 2.0 para crear vídeos con imágenes que nosotros seleccionamos, utilizando música que acompaña al contenido sin tener que utilizar ningún programa de edición de vídeo o audio.

Animoto presenta varias opciones estéticas para adecuarse al contenido que tengas en mente. Los estilos presentan transiciones cambios de fondos, animaciones ya creadas, que no podemos editar. Lo que sí podemos hacer es añadir imágenes y vídeos que se mostrarán en esas transiciones y estilos, además de añadir texto a modo de comentario de las fotos y una música de fondo dentro de la librería que nos ofrece Animoto.

También podemos subir nuestro propio tema musical, pero os recuerdo que hay que tener cuidado con los derechos de autor.

La herramienta nos facilita una librería de imágenes, vídeos y de músicas por defecto.

Por supuesto luego podemos incrustar el vídeo en nuestro blog de forma sencilla haciendo click en el símbolo de Embed </> para poder copiar el código y pegarlo en una entrada en el modo de HTML.

Aquí os publico una prueba simple y rápida que he creado como ejemplo:

Vídeo by Merche Delgado is licensed under a Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional License.
Creado a partir de la obra en http://video214.com/play/HmxuT5QbglT5RkJCJSrSMA/s/dark.

Nueva herramienta para vídeo, Educanon

Hola a tod@s os quería presentar una herramienta muy útil que he probado recientemente para mejorar los vídeos que publicamos como profesores.

Se trata de Educanon. Se pueden utilizar vídeos que tenemos subidos en Youtube, en Vimeo u otras tantas plataformas de vídeos para poder utilizarlo como base a nuestra interactividad.

Se trata de hacer varias pausas a lo largo de un vídeo para poder preguntar a los niños algún detalle del vídeo que queráis resaltar, o para comprobar que están entendiendo lo que ven, o para preguntar qué creen que va a pasar, etc..

Hay innumerables posibilidades de aplicación educativas. En la versión gratuita se pueden elegir solo entre un par de estilos de preguntas, de selección múltiple o selección de una sola respuesta correcta. En la versión de pago existen más posibilidades como hacer una pregunta abierta para que escriban o rellenar espacios.

Una vez creado el vídeo con las preguntas lo podemos compartir obteniendo el código para incrustarlo en el blog.

Existe otra posibilidad muy útil que es utilizarlo en una clase concreta definida introduciendo e identificando a tus alumnos. De esta manera podemos registrar los aciertos de cada clase en el apartado llamado MONITOR.

Hasta se pueden programar los vídeos para cada clase detallando el día.

A mí me ha parecido una muy buena manera de hacer un vídeo algo más personal, de crear cierta relación directa entre el espectador y el creador del vídeo.

Aquí os publico una prueba que he hecho con uno de mis vídeos para los más pequeños. Las barritas naranjas en el timeline corresponden a los momentos de las preguntas que los alumnos deben responder.
Cuando los alumnos se equivocan se les muestra su error en rojo, aunque pueden seguir viendo el vídeo a pesar del error.

Favicon personalizado.

Hola a todos! hoy quiero comentaros un pequeño detalle que aporta personalidad a nuestro blog. Se trata del FAVICON.
El favicon es el icono que aparece en las pestañas del navegador junto con el nombre de tu blog. Pues bien por defecto en tu blog de blogger va a aparecer el favicon de Blogger ..

Para cambiarlo solo debes ir a tu  menú principal y en diseño editar la caja superior izquierda. Dentro de este gadget nos pedirá que elijamos una imagen y esa será nuestro icono personal.

Pero antes debemos crear esa imagen pequeña. Podemos partir de una imagen grande y utilizar algunas de las herramientas online para que nos generen esa imagen pequeña.

En este enlace encontrarás  FAVICON GENERATOR. ORG en el que solo debes elegir la imagen y te crea  un archivo .ico para descargar en tu ordenador. Luego en el menú diseño lo seleccionamos en nuestro gadget de favicon y ya está listo.

http://favicon-generator.org/

Espero que os sea útil y fácil.

Gifs animados online

Para crear nuestros propios gifs animados sin necesidad de meternos en editores de imagen como GIMP, existen en la red varios lugares en los que podemos crear uno en pocos segundos.
Podemos elegir la velocidad en la que se nos presentan las imágenes, la altura la anchura y la calidad de las imágenes.

En estos dos lugares no necesitamos tener cuenta para crear nuestro propio gif,  seleccionamos nuestras imágenes y se crea en segundos. Lo malo es que estas imágenes se quedan en uso público.

Obtenemos el código para incrustarlo en el blog y ya está.

Aquí tenéis un ejemplo.

Novedades crear página en Blogger

Para aquellos que empiezan a crear sus blogs con Blogger ahora, y para aquellos que ya conocían Blogger os presento en la página dedicada a crear páginas, la nueva forma de crear páginas, reorganizarlas, y hacerlas visibles o no.

Haz click en la imagen o aqui.

Tipografía en el blog

Hola a todos como buenos maestros o blogeros, queremos hacer más interesante el blog y para ello cambiar la tipografía del blog es algo esencial.

Pues bien aunque en la plantilla podamos personalizar algunos textos con las opciones que nos ofrece Blogger, podemos aspirar a cambiar los estilos eligiendo el tipo de letra o tipografía. En este caso desde Google fonts. Google nos ofrece más de 600 tipos de letras a elegir. 

En este vídeo tutorial sigo los pasos para cambiar varias partes de los textos del blog, como el título, el texto de la entrada, el texto de los gadgets, el texto del título de la entrada etc..

Como en el vídeo no se ve con claridad el código de cada uno de los bloques que edito, os añado al final unas capturas de pantalla con las explicaciones para que nadie se pierda.

Estos pasos son más avanzados y atrevidos pero si se siguen poco a poco no hay peligro.

¿Dónde colocar el enlace de Google Fonts?. Debajo de la etiqueta Head

En page text cambio la tipografía del texto de la entrada.

Cambio la tipografía de los gadgets.

Cambio la tipografía de las pestañas

Cambio la tipografía del título del blog también.

Precipitaciones en el blog

Hola hoy os quiero presentar un par de gadgets divertidos para esta época del año en la que la lluvia y la nieve o frío se dan a menudo, teniendo además la Navidad tan cerca.
Se trata de dos efectos atmosféricos que podemos incorporar en nuestro blog. La lluvia y la nieve.

Para ello solo debemos copiar los códigos como siempre en los gadgets.  Lo podeís poner en un gadget en un menú lateral  o mucho mejor en los dos menús laterales, para tener más lluvia por todo el blog. O en un gadget debajo de la cabecera.

Para añadir lluvia en tu blog, copia este código en un gadget de los de HTML ¿ recordáis?, el que tiene este icono:

<div style="display: none;">
<script src="http://blogparts.giffy.me/0117/parts.js" type="text/javascript"></script><br />
<div style="margin: 0; padding: 0; text-align: center;">
<a href="http://giffy.me/baby/"><img alt="降水確率100%ブログパーツ;" src="http://blogparts.giffy.me/0117/parts.gif" style="border: 0;" /></a></div>
<div style="font-size: 12px; margin: 10px 0 0 0; padding: 0; text-align: center;">
[PR] <a href="http://typing.twi1.me/" rel="nofollow">楽しくタイピング練習！</a></div>
</div>

Este código lo he obtenido de la página http://www.ciudadblogger.com/2014/10/poner-lluvia-en-el-blog.html. Pero a diferencia del código de la página lo que he hecho es omitir las líneas que incorporaban un efecto de sonido de lluvia y tormenta, porque creo que puede ser cargante para el visitante. Pero si lo deseáis con sonido incluido copiar el código del enlace de arriba.

Este código lo he obtenido de la página http://www.mybloggerwidgets.com/2013/04/add-snow-falling-effect-in-blogger.html. Con él conseguimos que copitos de nieve caigan delicadamente sobre nuestro blog. Es igual de fácil de aplicar. Lo hacemos con los gadgets en nuestros menús laterales o de arriba como en el caso anterior.

<script type="text/javascript">  //Configure below to change URL path to the snow image  var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_GWOp0fLsx6t3Odi8fb2beyC4FzYEpTt4mzaZJbV9ySJ5jFOMWGrxQ9N96hzGksUZNK0gHRs2KN8Qzr4EsKXneYVQTr3fSgVKTRYBG_rMa3qjojZr9CVFQFbl9ZGAThhwqHy04lRryKY/s400/snow.gif"  // Configure below to change number of snow to render  var no = 30;  // Configure whether snow should disappear after x seconds (0=never):  var hidesnowtime = 0;  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")  var snowdistance = "pageheight";///////////Stop Config//////////////////////////////////  var ie4up = (document.all) ? 1 : 0;  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;    function iecompattest(){    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body    }  var dx, xp, yp;    // coordinate and position variables  var am, stx, sty;  // amplitude and step variables  var i, doc_width = 800, doc_height = 600;  if (ns6up) {    doc_width = self.innerWidth;    doc_height = self.innerHeight;  } else if (ie4up) {    doc_width = iecompattest().clientWidth;    doc_height = iecompattest().clientHeight;  }  dx = new Array();  xp = new Array();  yp = new Array();  am = new Array();  stx = new Array();  sty = new Array();  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://2.bp.blogspot.com/-MsCdyoGtGdA/UX5gk72qNoI/AAAAAAAAAfQ/LaKTmUG-aJM/s1600/snow+falling+effect.gif" : snowsrc  for (i = 0; i < no; ++ i) {
    dx[i] = 0;                        // set coordinate variables    xp[i] = Math.random()*(doc_width-50);  // set position variables    yp[i] = Math.random()*doc_height;    am[i] = Math.random()*20;         // set amplitude variables    stx[i] = 0.02 + Math.random()/10; // set step variables    sty[i] = 0.7 + Math.random();     // set step variables        if (ie4up||ns6up) {      if (i == 0) {        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");      } else {        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");      }    }  }  function snowIE_NS6() {  // IE and NS6 main animation function    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;    for (i = 0; i < no; ++ i) {  // iterate for every dot      yp[i] += sty[i];      if (yp[i] > doc_height-50) {        xp[i] = Math.random()*(doc_width-am[i]-30);        yp[i] = 0;        stx[i] = 0.02 + Math.random()/10;        sty[i] = 0.7 + Math.random();      }      dx[i] += stx[i];      document.getElementById("dot"+i).style.top=yp[i]+"px";      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }    snowtimer=setTimeout("snowIE_NS6()", 10);  }    function hidesnow(){        if (window.snowtimer) clearTimeout(snowtimer)        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"    }if (ie4up||ns6up){    snowIE_NS6();        if (hidesnowtime>0)        setTimeout("hidesnow()", hidesnowtime*1000)        }</script>

Trabajando en el blog de forma simultánea en dos ordenadores

Hola a tod@s, como crear un blog para el aula es cosa de dos o más, también, se nos plantean varias preguntas,... por ejemplo:

¿se puede de forma simultánea trabajar en el mismo blog ?

La respuesta es sí, de hecho se puede trabajar en la misma entrada y de hecho se puede salvar a la vez, por ello es vital que haya comunicación entre los autores para no sobre-escribir el trabajo del uno al otro.

Recordemos que podemos invitar a alguien a que participe en nuestro blog en Configuración/ Permisos /Autores.

Derechos de autor

 

Hola a tod@s, quería publicar una serie de enlaces interesantes sobre las dudas a la hora de utilizar material audiovisual en nuestros blogs para respetar las leyes y derechos sobre los derechos de autor.

He recogido una serie de enlaces de carácter legal y otros de sentido común para que cada uno interprete, la necesidad de utilizar ciertas obras y reflexione sobre su uso.

En general en educación, las obras no suelen utilizarse con ánimo de lucro o comercial, por ello no es muy grave  si se utilizan ciertas imágenes, vídeos o audios como apoyo a nuestra explicaciones de las que nos resulta difícil conocer su origen o autor.
Pero debemos ser respetuosos en todos los casos y seguir ciertos puntos básicos:

1.- Verifica la imagen para ver si tiene en los bordes y extremos un símbolo de copyright o alguna notificación. 
Evitar las imágenes con derechos de copyright. Hay bancos de imágenes gratuitas o con licencias de Creative Commons en las que los autores permiten su uso en diferentes grados.

2.- Analiza el sitio web en el que ubicaste la imagen. Busca debajo de la foto a ver si encuentras una declaración de atribución. 
Siempre atribuye la autoría de los vídeos o de los materiales a sus autores.
( Puntos y textos extraídos de http://www.ehowenespanol.com/foto-internet-derechos-autor-como_309649/)

3.- Aquí tienes algunos de los portales donde buscar imágenes  e iconos con diferentes licencias para que utilices en tu página web.

• Iconos: iconfinder
• Bancos de imágenes de pago: fotolia, iStockphoto, foter
• Bancos de imágenes gratuitos: Flickr creative commons, Pixabay, unsplash

( texto e información extraída de http://es.jimdo.com/2014/03/04/qu%C3%A9-im%C3%A1genes-puedo-usar-en-mi-web-lo-que-debes-saber-sobre-los-derechos-de-autor/)
4.- 

La publicación de fotografías de menores por parte de los colegios

Los responsables del colegio hagan una evaluación del tipo de foto a publicar, la pertinencia de su publicación y su objetivo. Los niños y sus representantes deberán ser conscientes de su publicación y deberá obtenerse el consentimiento previo del representante (o del niño si ya es maduro).

En algunos casos de denuncias legales sobre el uso de fotografías de menores en colegios se han dado resoluciones como esta en la que el juez no ve hecho intencionado :
anomalía no intencionada, no constan beneficios obtenidos como consecuencia de la comisión de la infracción y por parte de la entidad imputada se han reconocido los hechos.
( texto extraído de http://www.iurismatica.com/la-publicacion-de-fotografias-de-menores-por-parte-de-los-colegios/)

Hay que tener en cuenta que los derechos de autor varían por países con sus diferentes legislaciones locales.

Más información sobre derechos de autor y otros en los siguientes enlaces:

• http://www.iurismatica.com/la-publicacion-de-fotografias-de-menores-por-parte-de-los-colegios/
• http://www.imaginanet.com/blog/derechos-de-autor-guia-sobre-la-utilizacion-de-imagenes.html
• http://es.jimdo.com/2014/03/04/qu%C3%A9-im%C3%A1genes-puedo-usar-en-mi-web-lo-que-debes-saber-sobre-los-derechos-de-autor/

• http://www.wipo.int/sme/es/documents/ip_photography.htm

Finalmente para explicar mejor las licencias de Creative commons os facilito un enlace con una infografía muy clarificadora.

•  http://blogs.lainformacion.com/legal-e-digital/2011/06/20/%C2%BFcomo-funciona-una-licencia-creative-commons/

¿Creative Commons es opuesto a los derechos de autor tradicionales?

No, en absoluto. Nuestras licencias os ayudan a ceder algunos derechos sobre las obras pero con ciertas condiciones y manteniendo otras. La justificación de la protección de la propiedad intelectual es la promoción del progreso de la ciencia y de las artes. Nosotros también queremos promover la ciencia y las artes. Creemos que podemos ayudar a los creadores a conseguir la licencia más adecuada para sus necesidades.

(texto extraído de http://es.creativecommons.org/blog/pmf/#faq_entrada_1002)

Enlace para adquirir o publicar con licencias de creative commons:

http://creativecommons.org/choose/
Hasta pronto

Toondoo

Hola, os quería presentar otra opción para hacer cómics online con la herramienta que me ha recomendado Núria, gracias compañera!.

Se trata de Toondoo.com

En esta herramiena primero eliges el formato general de las viñetas..

Elegimos personajes, fondos, elementos, textos etc...

Podemos personalizar el personaje en gran detalle.

He aquí un ejemplo de un libro cómic creado con esta herramienta:

MR.JOE by arun | Make your own at www.toondoo.com

Powtoon

Hola a tod@s, he descubierto una herramienta muy ágil y creo que asequible para todo tipo de perfiles, para crear presentaciones animadas muy atractivas.
Se trata de Powtoon, una herramienta 2.0 en la que podemos elegir el número de diapositivas y textos como muchos de los programas de presentación, pero además podemos añadir pequeñas animaciones, fondos, elementos o props, personajes de diferentes estilos, etc.
Para mostraros un ejemplo he creado uno rápido en unos 15 minutos en mi primer contacto con la herramienta. Me parece muy atractiva y motivadora para los niños y fácil para los maestros.

Roscos de pasapalabra

Hola  a tod@s!, hoy quiero presentaros la opción de crear vuestros propios roscos, como los de pasapalabra.
Os muesrto un ejemplo primero para que veáis la aplicación en acción y luego os comento cómo crear nuestros propios roscos.

Para crear nuestro propio rosco y luego colgarlo en nuestro blog debemos ir a la página http://formadorestic.somee.com/pasapalabra/indice.asp En ella podemos no solo crear uno propio, si queremos utilizar otros roscos creados por otras persona también lo podemos hacer en la opción Crear una partida seleccionando los jugadores y los roscos. Para crear nuestro rosco, el proceso es simple pero laborioso pues debemos pensar en palabras y definiciones para todas las letras del alfabeto. Existe un vídeotutorial así que en este caso no crearé otro propio, aquí os lo cuelgo. Espero que os animéis a utilizar esta herramienta tan atractiva para repasar vocabulario. 

Quiero agradecer a Nuria por la aportación de esta herramienta. ¡Gracias!

¡Hola!, siguiendo con los mind maps tan famosos en los ciclos medios y superiores, hoy presento otra opción muy completa, que he probado a utilizar con alumnos de tercero con gran éxito. Es muy intuitivo y han sido capaces de crear mapas sobre sí mismos para empezar a practicar la estructura mental y gráfica necesarias para esta herramienta tan útil.

Si nos registramos podemos importar imágenes y salvar el documento.
https://creately.com

PIXTON

Hola a tod@s PIXTON es una página que nos ofrece una herramienta 2.0 muy flexible para crear tiras de cómic, aunque como suele ser normal, limitada en la versión gratuita.

Existen dos opciones, la de principiante y la avanzada. En la avanzada puedes añadir accesorios,  cambiar de personajes, elegir las poses, las expresiones, acercarte para crear planos cortos, cambiar el fondo en cada viñeta si lo deseas,.. etc.

Tiene gran flexibilidad para crear una pequeña tira de 6 viñetas en la versión gratuita.

Aquí os publico un pequeño y rápido ejemplo que he creado en 10 minutillos.

Es ideal para practicar idiomas (escribiendo los diálogos) y desarrollar la imaginación y creatividad.

El hecho de que se limite a seis viñetas no es un gran impedimento, pues se pueden hacer primeras, segundas y terceras partes para continuar la historia.

Hola a todos hoy os quiero hablar de una herramienta en la nube, muy fácil de utilizar para crear actividades de repaso. Desarrollada por ClassTools, se trata de clasificar en cuatro contenedores ciertas frases o palabras. Aquí os presento un ejemplo rápido sobre el tiempo en inglés que he hecho en menos de un minuto.
Una vez acabada se puede conseguir en el botón de la derecha de abajo el código para colgarlo en el blog.
La dirección para empezar a crear vuestras actividades es esta: http://www.classtools.net/education-games-php/dustbin

Click here for larger version

Hola, hoy presento una herramienta divertida para practicar, inglés por ejemplo, con vuestros alumnos.
En la clase de informática se puede crear un avatar personalizado con algún mensaje que ellos mismos escriban en esta página que nos convierte en parte de la tripulación de Star Trek.
Aquí os subo un ejemplo. La página para crearlos es esta.

Hola, hoy os propongo la página de Glitterfy para poder añadir títulos o palabras con estilo llamativo en vuestros blogs. Se trata de una herramienta online que te permite crear rótulos como estos:


Glitter Text @ Glitterfy.com