lunes, 28 de enero de 2013

Cómo crear un álbum de fotos para la web

El visor de imágenes gThumb es una aplicación de manipulación de fotos que permite la creación de un álbum de manera sencilla. Solo existe en Linux; las búsquedas de internet dan resultados para gThumb Windows pero ninguno parece válido.

Al abrirlo lo primero que se ve es un navegador de imágenes, a la izquierda las carpetas y a la derecha el contenido de cada una. Para subir un nivel se le da a los dos puntos de arriba. Si seleccionamos imágenes de alguna carpeta, ya tenemos opciones interesantes.

1. Conviene trabajar un álbum en su propia carpeta. Por tanto, antes de nada, crea una y mete allí las imágenes que vayas a utilizar.

2. Dentro del gThumb, navega hasta la carpeta que has creado y selecciona las imágenes.

3. Pulsa Herramientas > Crear un álbum para la web.

4. Se abre un cuadro de diálogo, cuyos apartados son:  

  • Guardando: se puede ir (mediante la opción Destino > Otra) a la carpeta creada para el álbum.
  • Archivo índice: se puede llamar como queramos, pero como index.html no está mal.
  • Conviene marcar que se copien los originales al destino y que se redimensionen si son más grandes que 800x600 para ahorrar espacio (se pueden probar otros valores). 
  • Disposición de la página del índice: este es el aspecto que tendrá el cuadro de fotos en las páginas del álbum. Si se marca la casilla de "o usar una sola página de índice" aparecen todas las fotos en una sola página.
  • Orden: puede dejarse por nombre. Es cuestión de tenerlas organizadas previamente. 
  • Estilo del álbum: en cabecera y pie se escribe lo que deseemos arriba y abajo en las páginas del álbum.
  • Tema: en los tres puntos de la derecha se elige una combinación de imágenes de fondo y botones para pasar páginas.  
  • Guardar: Se crea un archivo comprimido y ya está.
Después se sube el archivo comprimido a Helvia como sitio local y se vincula al blog.

martes, 14 de febrero de 2012

Cómo insertar archivos de audio en un blog educativo

Quizá sea interesante, cuando utilizamos un blog educativo, no renunciar a los archivos de audio que no estén alojados en sitios especializados. Cualquier mp3 grabado por nosotros puede tener rentabilidad pedagógica.

Hasta ahora, estamos recurriendo al menor número de sitios para organizar los formularios, los documentos asociados, y procuramos insertar más que vincular, siempre con el objetivo de simplificar. Por tanto, también para los audio vamos a recurrir otra vez a la cuenta gratuita de Google.

En la barra negra de las aplicaciones, en Más > Sites, existe la opción de crear un sitio web estático. Ahí podemos colgar los archivos de audio. Hay que entrar en Sites, darle un nombre a la página (da igual cuál sea, en realidad es solo una forma de colgar los mp3) y cómo van a empezar las url de los archivos (o sea, lo que aparece después de https://sites.google.com/site/); en mi caso, he puesto el usuario de Séneca porque muchos otras combinaciones están ocupadas. Después de "Crear" el sitio, hay que hacer esto:
  1. Cliquear en Más > Administrar sitio, arriba a la derecha.
  2. En la columna de la izquierda Archivos adjuntos > Subir, y se carga el archivo mp3.
  3. Una vez subido, aparece la opción de Descargar. Ahí encima, con el botón de la derecha, copiar la ruta del enlace.
Con eso ya tenemos el localizador, url, del audio. En el ejemplo, es https://sites.google.com/site/vpancru886/k00697.mp3?attredirects=0&d=1.

Ahora viene la parte de copiar el código, como siempre en la pestaña de html. Es esto:

<object data="http://www.cepdeorcera.org/portal/dewplayer.swf" height="20" id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" width="200">
<param name="movie" value="http://www.cepdeorcera.org/portal/dewplayer.swf" />
<param name="flashvars" value="mp3=https://sites.google.com/site/vpancru886/k00697.mp3?attredirects=0&d=1" />
<param name="wmode" value="transparent" />
</object>

Solo hay que cambiar las letras en rojo por el url del archivo. Si todo va bien debe quedar así:


lunes, 30 de enero de 2012

Cómo insertar un formulario

Para probar a asociar un formulario, editamos el html. La ventaja de un formulario es que recibimos los resultados en tiempo real y es automático el presentarlos como estadísticas.

Cómo insertar actividades interactivas

Este código es un ejemplo de cómo se pueden insertar actividades interactivas en un blog:

<div align="center">
<iframe src="http://hotpot.uvic.ca/wintutor6/jmatch2.htm" frameborder="0" height="700" width="700" scrolling="auto"></iframe></div>

Donde pone <iframe src aparece entrecomillada la actividad interactiva. Suelen ser de Hot Potatoes, aunque las hay de otros tipos. (Se puede copiar este fragmento de código y adaptarlo a otra página.) Los apartado de "height" y "width" son "altura" y "anchura" respectivamente, y tienen valores también modificables.

Como siempre que vayamos a insertar código, hay que activar primero la pestaña "HTML" que aparece al lado de "Redactar".

Los mejores blogs educativos

Según la puntuación otorgada por quienes los visitan, aquí están los mejores blogs de infantil y primaria:

Aula abierta: http://duo5.lacoctelera.net/
Educación musical: http://www.aulaeducacionmusical.blogspot.com/
Cole de la fantasía: http://coledelafantasia.blogspot.com/
Blog del Colegio Quinta Porrúa: http://www.cosasdeporrua.blogspot.com/
Otra aula abierta: http://encinas.lacoctelera.net/
Internet como recurso docente: http://ciberaulas.blogspot.com/
Conociendo el medio: http://www.conociendoelmedio.blogspot.com/
Los niños del Rojas: http://rojasreli.blogspot.com/
El blog de Abrucena: http://www.abru5-6.blogspot.com/
Aula PT: http://www.aulapt.org/



El blog para potenciar y presentar los trabajos de los alumnos

Otra forma de utilizar los blogs es como una manera de aumentar la producción de los alumnos. Para ellos supone un impulso el que los esquemas que hacen en clase, las presentaciones, los murales, los comentarios de los libros que han leído, todo eso se lea por parte de los demás. Es una forma de promocionarlos incluso delante de sus padres.

Se trata de una idea de Francisco García Torres, maestro del CEIP Antonio Machado de Baeza, http://5bmachado.blogspot.com/

El blog de la clase como centro de recursos

En el pasado III Congreso Nacional Escuela 2.0 celebrado en Granada, un maestro de Ceuta, Joaquín M. Rodríguez Gil, presentó cómo trabaja con un blog de clase.

Hay muchos docentes que lo utilizan, pero el valor añadido de esta comunicación es que no se trata de un entusiasta de las TIC -él comenta que sabe navegar por Internet y enviar correos, y no le interesa tampoco meterse más a fondo. No obstante, con la ayuda del coordinador TIC y el trabajo de mantenimiento de los alumnos, aprovechando el camino recorrido por otros blogueros, consigue un uso consciente y más que digno de la informática escolar. Todo un ejemplo para el profesorado normal que no tiene una competencia digital excepcional.

Puede verse una muestra en http://clasede5b2-kino.blogspot.com/

Si queremos reproducir un blog similar para usarlo en clase, hay que buscar una plantilla que permita la columnas laterales. Nos vamos a “Plantilla” y “Personalizar”: la plantilla “Sencillo” con el “Diseño” de tres columnas (el primero de abajo) puede valer. Después, en “Ajustar ancho” le ponemos 1100 píxeles de blog completo y 200 para cada columna lateral.

Salimos de la plantilla y en la página principal del blog, “Dashboard” (“tablero”, “salpicadero”), escogemos “Diseño”. Ahora es cuando podemos añadir gadgets, uno de “texto” a la izquierda y otro de “listas” a la derecha.

(Es lo que tiene el diseño de este mismo blog.)

Con respecto a de dónde sacar los recursos para el blog, recomienda cinco sitios estupendos:

1. Recursos Loreto (http://www.juntadeandalucia.es/averroes/loreto/sugerencias.html) la más completa y mejor organizada, con los recursos agrupados por niveles y editoriales.

2. CER El Tanque, de Mario Ramos Rodríguez (http://www2.gobiernodecanarias.org/
educacion/17/WebC/eltanque/default.htm), con numerosas propuestas de Matemáticas y Conocimiento del Medio.

3. JueduLand, de Antonio Ruiz (http://roble.pntic.mec.es/arum0010/index.htm), que constituye un inmenso baúl de actividades interactivas para Educación Infantil, Primaria e incluso Secundaria.

4. TICBLOG, de Alberto Armada (http://ticblog.wordpress.com/), es otro mágnífico almacén.

5. Recursos para el tercer ciclo de primaria (http://ciclo3.wordpress.com/) constituye también una excelente página.