domingo, 22 de febrero de 2009

Primeros pasos con blogger

Blogger es una herramienta de publicación de blogs gratuita de Google para compartir tus experiencias, etc. con el resto del mundo. Hay diferentes tipos de blogs. En los últimos años están siendo muy utilizados en el ámbito de la educación. Ejemplos. Antes de lanzarnos a crear un blog, conviene:
  • Pensar el tipo de blog que se adapta mejor a nuestro proyecto de trabajo: de aula, de materia, de centro, individual/personal, colectivo.
  • Definir los objetivos: soporte para la materia a impartir en clase, intercambio de experiencias, etc. El alumnado debe entender que se trata de una herramienta de todos y no sólo del profesor/a; no hay que olvidar que un blog es un espacio de colaboración, por lo que hay que fomentar este aspecto.
  • Fijar el protocolo de actuación: criterios de edición, permisos de usuarios, etc. Se puede crear un usuario-clase y cada alumno/a firma su intervención (tiene el inconveniente del anonimato), o invitar individualmente a cada uno de ellos, creando a su vez una etiqueta con sus respectivos nombres, de esta forma de un vistazo se pueden revisar todas las entradas de cada uno de ellos.
  • Establecer normas de publicación: características de las entradas (título, texto corto, enlace(s) a comentarios, elementos gráficos: imagen, elementos multimedia, presentaciones, etc.). Ordenar las entradas con etiquetas claras y descriptivas. Revisar previamente la ortografía y la expresión, etc.
  • Experimentar diferentes estrategias de uso: por semanas, trimestres, unidades de contenido, etc. Es recomendable ir haciendo un uso progresivo del blog empezando por experiencias puntuales o propuestas bien definidas en lo que al tiempo y a los contenidos se refiere. Una propuesta muy simple es que los alumnos, individualmente o en parejas, preparen un texto para publicar periódicamente en el blog de aula, a partir de una indicaciones de tema, estilo, extensión, o género que hayamos proporcionado. Una buena frecuencia para empezar es un texto por semana.
  • Revisar y evaluar la experiencia. Compartir con otros centros / docentes / estudiantes. Hay que invitar a las familias, profesores y alumnos de otras clases y colegios o institutos, a visitar este espacio.
Existen muchos sitios donde podemos crear nuestro blog, algunos de ellos muy populares, como Blogger (propiedad de Google), Blogs ya, La Coctelera, Edublogs (en Inglés)... En AulaBlog podemos encontrar muchos más, con una pequeña descripción que puede ayudarnos a decidirnos por uno u otro. Nosotros nos hemos decantado por Blogger, pues creemos que ofrece una buena relación potencialidad-sencillez y además no necesitamos ni registrarnos porque ya tenemos nuestra cuenta en Google (anda que no le vamos a sacar partido). Para crear un blog en Blogger nos dirigimos a su página, nos registramos con nuestra cuenta de Google, si aún no la tenemos podemos crearla ahora, y hacemos clic en Acceder.


En tres pasos estará creado el blog. Pulsamos en Crear tu blog ahora y comenzamos:

  1. En el primero debemos introducir el nombre que queremos que aparezca como firma en los artículos que publiquemos y aceptar las condiciones del servicio.
  2. En el segundo el nombre que queremos que aparezca en el encabezado del Blog (podremos cambiarlo luego) y la primera parte de la dirección de internet que tendrá el blog, debemos comprobar la disponibilidad de esta última (no puede haber dos blogs con el mismo nombre). También disponemos de una opción de configuración avanzada que nos permitirá alojar el Blog en otro servidor, a nosotros esto no nos interesa.
  3. Y para finalizar escogemos una plantilla (el aspecto estético del blog) entre las que nos ofrece la aplicación, más adelante podremos personalizarla a nuestro gusto.


Ya tenemos nuestro blog creado y podemos empezar a publicar. Podremos ver un formulario para publicar nuestro primer artículo (entrada). Escribimos su nombre y su contenido. Si hacemos clic en Opciones de entrada podremos permitir o no los comentarios de los lectores y cambiar la fecha depublicación. Es importante decidir que tags (etiquetas) usaremos para categorizar las entradas, a cada una de ellas podemos asignarles tantos tags como queramos.
El interfaz de creación de entradas es similar al de un procesador de textos, aunque más simple. Podremos justificar los párrafos, cambiar el tipo y color de la fuente, insertar imágenes, ... Merece la pena destacar la etiqueta Edición de HTML que nos permite un mayor control sobre la entrada, pero hay que conocer un poco el lenguaje HTML. Nosotros usaremos esta entrada para pegar el código que nos permitirá insertar vídeos, galerías fotográficas u otros elementos en nuestras entradas. Más adelante veremos cómo hacerlo.

Una vez creada la entrada tenemos dos opciones: Guardar ahora (para publicarla más adelante) o Publicar Entrada, para que aparezca inmediatamente en el blog. En cualquier momento podemos ver el estado actual de nuestro blog haciendo clic en Ver blog al final de la lista principal de pestañas de Blogger. Desde la vista del Blog podremos, si estamos registrados, volver a la administración pulsando en Nueva entrada o en Personalizar, o salir de nuestra cuenta (Salir).

Cómo administrar tu blog

Desde las tres pestañas (Creación de entradas, Configuración y Diseño) que vemos al entrar en nuestra cuenta, se realiza toda la administración del blog. Al seleccionar cualquiera de ellas, aparecen debajo las opciones de administración agrupadas en torno a ella.

  1. Creación de entradas.
    Desde aquí podremos Crear nuevas entradas, y guardarlas como borradores o publicarlas directamente, permitiendo o no los comentarios de los lectores, tal y como hemos visto anteriormente.
    Pero también podemos Editar entradas que ha sido guardadas o publicadas para modificar su contenido, suprimirlas o asignarles algún tag nuevo. Si la moderación de comentarios esta activada (Configuración >> Comentarios >> ¿Desea habilitar la moderación de comentarios? (Si)) también podremos desde aquí suprimir los comentarios que no nos parezcan adecuados.
  2. Configuración.
    En este apartado encontraremos las acciones relacionadas con la configuración interna del sitio, se encuentran distribuidas en ocho bloques que vamos a comentar brevemente:
  • Básico. Lo más destacado de aquí es la posiblidad de modificar el nombre (la cabecera) y la descripción de nuestro Blog, así como la posibilidad de suprimirlo.
  • Publicación. Esta interesante posibilidad nos usar un dominio de nuestra propiedad como dirección para nuestro blog.
  • Formato. Permite fijar aspectos como el formato de fecha y hora, el idioma o el número de entradas por página.
  • Comentarios. Una de las opciones que podemos modificar aquí, como comentamos antes, es la de habilitar la moderación de comentarios, pero hay otras opciones interesantes: si mostramos o no los comentarios, quien podrá realizarlos (cualquiera , sólo los registrados en Blogger o los miembros del blog, más adelante veremos quienes son cuando tratemos los permisos). También es interesante activar la opción Mostrar la verificación de la palabra para comentarios, de esta manera para que un comentario se publique los usuarios deberan introducir una palabra que se les mostrará distorsionada en una imagen para evitar comentarios basura realizados de forma automática. Existe también la posibilidad de especificar una dirección de correo en la que recibiremos un mensaje cada vez que se publique un nuevo comentario.
  • Archivo. Las entradas que creamos se van agrupando temporalmente, además de por las etiquetas (tags) que les asignemos. Desde aquí podremos decidir en que unidad de tiempo se archivan: diaria, semanal o mensualmente. Podremos ver en nuestro blog, en Archivo del blog el sistema de agrupamiento seleccionado que nos permitirá acceder a los artículos de ese rango de tiempo.
  • Feed del sitio. Desde aquí podremos permitir (o no) que los demas sindiquen las entradas, los comentarios de todas las entradas o los comentarios de cada una de las entradas de forma individual.
  • Correo electrónico. Encontramos aquí dos opciones muy interesantes: la de especificar una dirección de correo donde recibiremos notificaciones de las actualizaciones del blog (comentarios y nuevas entradas) y decidir una dirección de correo que nos permitirá crear nuevas entradas mediante correo electrónico.
  • Permisos. Esta opción permite decidir quienes son los que pueden leer y escribir entradas en nuestro blog. Los autores del blog podrán crear nuevas entradas y modificar las escritas por ellos. Para añadir autores a nuestro blog solo tenemos que hacer clic sobre el botón correspondiente y escribir sus direcciones de correo en la caja de texto. Al hacer clic sobre Invitación recibirán un correo invitándoles a participar, para hacerlo tendrán que abrirse una cuenta en Google. Los autores sólo tendrán acceso a una opción de administración: la de borrarse del blog. También podremos decidir quienes podrán leer nuestro blog: cualquiera, los usuarios que elijamos (enviándoles una invitación) o únicamente los autores del blog. Esta opción puede ser muy interesante pues podremos crear un blog y permitir que sólo nuestro alumnado pueda escribir y/o leer en él nombrándolos autores del sitio, lo que nos permitirá también que sólo ellos puedan realizar comentarios (Configuración >> Comentarios >> Persona que puede realizar comentarios (Solo los miembros de este blog).

3. Diseño

Desde aquí podremos cambiar la plantilla que escogimos durante la creación y/o personalizarla. Tenemos cuatro posibles opciones:

  • Elementos de la página nos permite editar las elementos de nuestra página y añadir nuevos. Esta opción puede ser distinta en función de la plantilla seleccionada. La plantilla se divide en 5 zonas: la barra de navegación (Navbar) es la franja que aparece encima del blog. Los unica personalización que podemos realizar es la del color de fondo; la cabecera, aquí podremos modificar el título y la descripción del blog; las entradas del blog, nos permitirá modificar su número por página y la información que acompaña a cada una de ellas; el lateral y el pie del blog son especialmente importante pues en ellos podremos incluir elementos de página. En el caso del lateral aparecen dos elementos por defecto: archivos del blog y datos personales. Pulsando sobre Editar en cualquiera de ellos podremos modificarlo o eliminarlo. Pero lo más interesante es la posiblidad de incluir más elementos de página. Si hacemos clic sobre Añadir un elemento de página veremos las posibilidades que tenemos. De ellas, nos parecen especialmente importantes la Encuesta para conocer la opinión de los usuarios respecto a un cierto tema, la Lista de vínculos que nos permitirá enlazar desde el blog nuestras páginas favoritas, las Etiquetas de nuestro sitio que permitirán a los usuarios encontrar rápidamente las entradas con las temáticas que más les interesen y sobre todo Feed, que nos da la posibilidad de sindicar sitios en la portada de nuestro blog.
  • Fuentes y colores nos permitirá modificar estos elementos en nuestra plantilla.
  • Edición de HTML es también una opción muy interesante para los que conozcan este lenguaje, pues permite controlar totalmente el aspecto del blog.
  • Seleccionar plantilla nueva, como cabe esperar, nos permite cambiar de plantilla.

Ejemplos de álbumes de fotos

Podemos elegir entre varios modelos. Veamos dos ejemplos:



 
Este ha sido creado con Picasa:
Después de crear nuestro álbum, una vez abierto sólo hay que copiar el código que nos sale a la derecha después de Enlazar este álbum / Incrustar presentación de diapositivas. Nos da la posibilidad de elegir entre 5 tamaños, mostrar títulos y reproducir automáticamente señalando las casillas correspondientes. VAmos a nuestro blog y en la entrada en la que queramos que se vea el álbum, pegamos el código copiado con la pestaña HTML activada.


Y éste con Rockyou:





Cómo incluir texto e imágenes en mi blog

Cómo insertar presentaciones

Una de las posibilidades que nos ofrece la Web 2.o es la de incluir presentaciones creadas en Power Point (microsoft Office), Impress (Openoffice) o Keynote (Mac) en una página web. El lugar más conocido donde podemos cargar una presentación es SlideShare, desde donde además de subir las nuestras, además podemos utilizar cualquiera de las publicadas en por otras personas.
Hay que tener en cuenta que cuando guardamos allí una presentación, ésta perderá los efectos de las transiciones y otras animaciones, pero se convierte en un objeto multimedia que podemos ver con toda comodidad conectados a internet. El procedimiento que se sigue es el de copiar el código de la presentación en nuestro editor, como hemos visto en el artículo de este mismo blog sobre los vídeos.


Cómo insertar podcasts

Los podcasts son grabaciones de audio que se reproducen en un blog con un lector o reproductor de Flash, y se utilizan habitualmente para incluir canciones o reproducciones de voz.
Existen sitios web de donde podemos traernos canciones simplemente copiando un código y pegándolo en nuestro blog. Uno de estos servicios es GoEar.


Radioblog nos permite personalizar la consola como en este ejemplo:


También tenemos la posibilidad de grabar nuestra voz en un servicio como Odeo y reproducirla en nuestro blog con un reproductor.
Tutorial de Lourdes Barroso.
Otro servicio parecido a éste es Evoca

Insertar vídeos

Existen dos formas de incluir vídeos en una página web:
  1. Enlazando los archivos directamente en el servidor donde se encuentren alojados. Este enlace puede servir para descargarnos el vídeo o para mostrarlo con un reproductor asociado.
  2. Copiando en el editor del blog el código HTML que nos proporciona el servidor que aloja los vídeos. De esta manera, utilizamos un vídeo ya guardado que no es nuestro y que se encuentra a disposición del público.
Recientemente Blogger ha introducido la posibilidad de guardar vídeos en sus servidores. Esta operación se realiza de forma muy sencilla simplemente haciendo clic en el icono correspondiente de la barra de iconos de su editor de entradas. Entonces, aparece el siguiente cuadro de diálogo:

Sólo tendremos que cargar el vídeo desde nuestro ordenador y ponerle un título.

Podemos además cambiar las dimensiones del vídeo haciendo un clic en él y arrastrando con el ratón los tiradores laterales.

Blogger también nos proporciona un widget con el que podemos incluir un enlace directo a los vídeos de YouTube y de Google Vídeo desde el lateral de nuestro blog.

Si vamos a nuestro panel del blog y entramos en la sección Diseño > Elementos de la página, encontraremos a la derecha el enlace Añadir un gadget, que nos proporciona la posibilidad de insertar estos widgets. De la ventana emergente que surge, elegiremos la parte que dice Barra de vídeo. Le pondemos un título y elegimos las etiquetas temáticas que nos interesen. Cuando guardemos los cambios, aparecerá la barra de vídeos en nuestro lateral, y si hacemos clic sobre alguno de ellos, se abrirá en la parte superior de nuestro blog.

Pero la forma más cómoda de insertar vídeos en un blog sigue siendo la de pegar el código HTML que nos proporcionan en la web donde se alojan.
. Como en este caso:




Vamos a ver cómo se hace paso a paso:
  1. Vamos a la página donde están publicados los vídeos, en este caso YouTube. Puede ser Google video, Dailymotion, etc.
  2. Elegimos un vídeo que nos guste y hacemos clic encima de él para ir a la página donde aparece sólo ese vídeo.
  3. A la derecha del vídeo, veremos un marco.. En la última línea, tenemos la palabra embed, y a su derecha un recuadro de texto con código en su interior.
    • Hacemos clic encima de ese recuadro, y el código se marcará.
    • Después, sin mover el cursor de allí, hacemos clic en el botón derecho del ratón y elegimos la opción que nos permite copiar ese código.
  4. Por último, abrimos una nueva entrada en nuestro blog, y pegamos el código en la parte de Edición de HTML del editor de textos.

Cómo insertar tu ejercicio realizado con Hot Potaoes en tu blog

En el blog de Alejandro Valero, Apuntes sobre blogs vemos cómo incluir este tipo de ejercicios en el blog tenemos que contar con un servidor externo donde guardar los archivos HTML. Esto no es un problema para los docentes que están en un centro TIC; para aquellos que no disponen de espacio web en su centro, pueden disponer de un espacio gratuito que el ISFTIC (Instituto Superior de Formación y Recursos en Red para el Profesorado) del MEC pone a disposición de los docentes. Para solicitarlo; selecciona "Servicios para usuarios" (en el centro del menu superior) y luego en "Solicitudes" (en el menú de la izquierda).

Una vez tengamos disponible nuestro espacio, hay que transferir (copiar) el archivo HTML del test recién creado a este servidor web mediante un programa de FTP, y a continuación apuntamos la ruta o dirección Web (URL) donde está guardado, de modo que si escribimos esa ruta en el navegador, vemos el test como página web normal.

2º. Incorporamos ejercicio en nuestro blog mediante la etiqueta iframe. El texto siguiente, con los cambios necesarios, hay que insertarlo en el código fuente del texto: hacemos clic en la pestana Edición de HTML del editor de Blogger, y ahí lo pegamos donde deseemos que aparezca.

Estos son los parámetros de dicha etiqueta, que están colocados dentro de la etiqueta de apertura:

  1. src: es la ruta o URL de donde se encuentra guardado el archivo jquiz.htm del test en otro servidor.
  2. frameborder: es la anchura del borde del marco expresado en píxeles.
  3. height: es la altura del marco. Hay que ajustar esta altura si se quiere que no se vea la barra de desplazamiento y parezca que el test está incrustado en el blog.
  4. width: es la anchura del marco. Hay que tener cuidado de no poner una anchura que sobrepase los 500 píxeles, pues el marco podría invadir el lateral del blog.
  5. scrolling: es la barra de desplazamiento. Escribimos auto para que la barra aparezca automáticamente cuando sea necesario. Si escribimos yes, la barra aparecerá siempre, y si ponemos no, no aparecerá nunca. En este último caso, hay que impedir que el test se esconda por debajo del marco y el usuario no pueda verlo entero.
  6. No hay que olvidarse de las comillas y de cerrar el iframe con su etiqueta de cierre, que incluye una barra.
  7. En texto azul he incluido la etiqueta div y el atributo align para centrar el marco en la página, aunque no es necesario. No hay que olvidar el div de cierre. Con este código podemos centrar cualquier elemento de la página.

Una pega del editor de Blogger

Y ya tenemos el test incorporado a nuestro blog. Pero en el editor de Blogger ocurre un pequeño error, pues cuando insertamos el texto de la etiqueta iframe, desaparece del editor todo el texto del artículo, quizá debido a que esta etiqueta obliga a salir a un servidor externo. En realidad, el texto sigue ahí, porque si vemos el artículo en Vista previa, aparece todo lo que teníamos escrito.

Para solucionar esta pega, tenemos dos soluciones: o dejar guardado el artículo con el editor en Edición de HTML o desactivar el editor visual del blog en el menú Opciones/Básico. En este caso establecemos como No la opción ¿Mostrar el modo de composición para todos sus blogs? Y después pulsamos el botón Guardar valores. En este caso, sólo aparecerá un marco en el editor donde se verá el texto junto al código HTML, es decir, el código fuente del artículo. Ahí podemos seguir escribiendo normalmente. Cuando no trabajemos con ese artículo podemos volver a activar el editor visual, que incorpora los botones de formateo.

Otra opción práctica consiste en escribir el artículo en su totalidad con el editor visual de siempre, y cuando ya esté listo para ser publicado, incluimos la etiqueta iframe, que es lo que yo estoy haciendo ahora. Y después lo guardamos. Cuando queramos modificarlo, entonces tendremos que desactivar el editor visual.

Vamos a ver si es verdad que funciona:

¡Parece que sí!